/awesome-software-dev

:fire: :100: :book: Curated list of documentation, plugins, links and more for software developers :book:

📚 Awesome Software Development 📚 Awesome

PRs Welcome forthebadge forthebadge

📝 Curated List Of Awesome Software Development Resources 💯 🔥

Table of Contents

Development Tools

Name Description 📓 Link ↘️
Visual Studio Code Lightweight but powerful code editor https://code.visualstudio.com/
Brackets Code editor with focus on web development http://brackets.io)
Sublime Text A sophisticated text editor for code, markup and prose https://www.sublimetext.com/
Atom Modern code editor with many plugins https://nodejs.org/en/
Android Studio An powerfull IDE for Developing Android Applications https://developer.android.com/studio/
Falcon C++ Falcon C++ is a IDE that was developed to turn development of C++ applications easily. http://falconcpp.sourceforge.net/

Front End Resources

HTML Resources

Name Description 📓 Link ↘️
Emmet Cheatsheet Useful for learning emmet shortcuts https://websitesetup.org/html5-cheat-sheet/
Can I Use Cross browser compatibility https://caniuse.com/)
Google Fonts Wide range of usable fonts from google https://fonts.google.com/

CSS Resources

Name Description 📓 Link ↘️
CSS Icons Useful for learning emmet shortcuts https://cssicon.space/#/animate
Animate.CSS Cross browser compatibility https://daneden.github.io/animate.css/
Flexbox Guide A complete guide on using flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Cubic Bezier Test our different cubic-bezier combinations http://cubic-bezier.com/#.17,.67,.83,.67
Easing Functions List of different easing functions https://easings.net
Clippy CSS Clip Path Online Tool, Create basic or complex shapes and then embed them in your CSS! https://bennettfeely.com/clippy/
Responsive Grid System Responsive Grid System Generator http://www.responsivegridsystem.com
CSS Grid Interactive Interactive CSS Grid tool and code generator http://cssgr.id/
Animista CSS Animation Tool http://animista.net/
Keyframes App Create CSS animations easily. Has Chrome Extension or Web Application use https://keyframes.app/
V-Fonts Variable Font Resources (Some are paid) https://v-fonts.com/
Axis Praxis Experiment with Variable Fonts https://www.axis-praxis.org
CSS Tricks All things CSS https://css-tricks.com/
GreenSock Animation Platform (GSAP) Ultra high-performance, professional-grade animation for the modern web https://greensock.com/
CSS Gradient Website for generating CSS Gradients https://cssgradient.io/

Javascript Resources

Name Description 📓 Link ↘️
Annyang Speech recognition JS Library https://github.com/TalAter/annyang
MixItUp Javascript Library for pagination https://www.kunkalabs.com/mixitup/
Scroll Reveal Scroll reveal library https://scrollrevealjs.org/
Socket IO Real Time Chat Engine https://socket.io/
Hammer JS Add Touch Gestures https://hammerjs.github.io/
Typed.js Typing Animation Library https://github.com/mattboldt/typed.js/
Swiper Javascript Slider http://idangero.us/swiper/demos/
Chart JS Plugin to create charts https://www.chartjs.org/
Quill JS Powerful Text Editor for developers https://quilljs.com/
Lity JS Responsive and Lightweight lightbox https://sorgalla.com/lity/
V-Fonts Variable Font Resources (Some are paid) https://v-fonts.com/
Datedropper Datepicker using JQuery http://felicegattuso.com/projects/datedropper/
Timedropper JQuery Plugin for a time picker http://felicegattuso.com/projects/timedropper/
Flatpickr Lightweight date and time picker https://flatpickr.js.org
Nuxt JS Framework for creating Vue.js applications with server side rendering, static generation and more https://nuxtjs.org/
VuePress Static Site Generator powered with Vue JS https://vuepress.vuejs.org/
Gatsby JS Static Site Generator powered with React https://www.gatsbyjs.org/
Google Maps React Google Maps API & React Integration https://github.com/fullstackreact/google-maps-react
Johnny-Five Javascript Robotics & IoT Platform http://johnny-five.io/
Yup Javascript Object Schema Validator and Object Parser https://github.com/jquense/yup
Static Gen List of static site generators for JAMstack Sites https://www.staticgen.com/
GraphQL Query Language for APIs https://graphql.org/

Places to look for React Resources

Name Description 📓 Link ↘️
Material-UI Use for UI components https://material-ui.com/
React Bootstrap Use for UI components https://react-bootstrap.github.io/
Formik Form building in React https://jaredpalmer.com/formik
React Final Form Form building in React https://jaredpalmer.com/formik

Visual Media Resources

Places to look for Free Photos | Videos

Name Description 📓 Link ↘️
Pexels Free Stock Photos https://www.pexels.com
Unsplash High quality free images https://unsplash.com
Videovo Free Stock Videos https://www.videvo.net/
Pixabay More free images https://pixabay.com/en/
StockSnap High resolution free imgs https://stocksnap.io/
Lorem Picsum Placeholder Images by Size https://picsum.photos/
Undraw Free Beautiful SVG open source images https://undraw.co/
Blush Design Free Illustrations https://blush.design/

Places to look for Free Icons

Name Description 📓 Link ↘️
FlatIcon Free Vector Icons https://www.flaticon.com/
Font Awesome Font and icon toolkit https://fontawesome.com/
Linea Icons Free iconset by Dario Ferrando http://linea.io/
Linear Icons 170 Free Icons https://linearicons.com/free
IonIcons Open Source Icons http://ionicons.com/
Feather Icons Open Source Icons https://feathericons.com/
Dev Icons Icons for programming languages http://konpa.github.io/devicon/
Icons8 Free Flat Icons https://icons8.com/
Material Design Icons Free SVG Material Icons https://material.io/tools/icons/
World Vector Logos Free SVG Vector Logos https://worldvectorlogo.com/
Icon Finder A Free search engine for icons https://www.iconfinder.com/
Box Icons High Quality Web Icons https://boxicons.com/
Ico Moon 490 Free Icons https://icomoon.io/#icons-icomoon
Free Icons Dribble Free Icons By Eleken https://dribbble.com/shots/4666022-Free-Icons-Set
Free Icons Dribble #2 Free Icons By Alexandru Stoica https://dribbble.com/shots/2888226-1800-Free-Minimal-Icon-Pack-20x20

Back End Resources

Name Description 📓 Link ↘️
Postman API development environment https://www.getpostman.com/
NPM Search/Discover Node Modules https://www.npmjs.com/
PyPI Repository of software for Python https://pypi.org/
ngrok Public URLs for your localhost. Realtime Web UI for viewing HTTP traffic https://ngrok.com/
Travis CI Continuous Integration Software https://travis-ci.org/
Circle CI Continuous Integration Software https://circleci.com/

Infrastructure Resources

Name Description 📓 Link ↘️
Terraform Infrastructure as code tool https://terraform.io

Diagram Resources

Name Description 📓 Link ↘️
Draw IO Online Diagram Software https://app.diagrams.net/
Excalidraw Virtual Collaborative Whiteboard https://excalidraw.com/
AWWAPP Realtime Collaborative Whiteboard https://awwapp.com/
Lucid Charts Popular Diagram Software https://www.lucidchart.com/

Design Resources

Name Description 📓 Link ↘️
Canva Create graphic designs online https://www.canva.com
Dribbble Inspiration for designers https://dribbble.com/
Behance Showcase and Look at other peoples creative work https://www.behance.net/
Creative Portfolios A curated list of creative portfolios http://www.creative-portfolios.com/
Adobe XD Adobe XD for UI Designs, free version available https://www.adobe.com/au/products/xd.html
Photoshop Photo Manipulation Software https://www.adobe.com/au/products/photoshop.html
PhotoPea Online Photo Manipulation Software https://www.photopea.com/
Artboard Studio Create Product Mockups https://artboard.studio/
Collect UI Collection of User Interface Designs http://collectui.com/
UI Movement More UI design inspirations https://uimovement.com/
Figma Collaborative Design tool with prototyping https://www.figma.com/
Sketch Design tool exclusive to MacOS https://www.sketchapp.com/
Gravit Designer Cross Platform Design Tool https://www.designer.io/
Coolors Color Scheme Generator https://coolors.co/
Color Safe Create Web Accessible Color Palettes http://colorsafe.co/
Awwwards Best Web Design Trends https://www.awwwards.com/
Yellow Images 360 PNG Images 360 (Paid) https://yellowimages.com/yellow-images-360/
Hum3D 3D models and Images (Paid) https://hum3d.com/
Daily UI Improve your UI skills daily http://www.dailyui.co/

Speaker Resources

Name Description 📓 Link ↘️
Google Slides Create Presentations https://www.google.com.au/slides/about/
Beautiful AI Create Slideshows https://www.beautiful.ai/
Slides Create Presentations https://slides.com/
Speaker Deck Share presentations online https://speakerdeck.com/
Ludus Ludus Slide Deck Creator https://ludus.one/

Youtube Channels

Name Description 📓 Link ↘️
Traversy Media Web Development & Programming Tutorials https://www.youtube.com/user/TechGuyWeb
dcode Javascript Tutorials and More https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g
Academind Online Education https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w
Fun Fun Function Advanced Javascript Concepts and Tutorials https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q
LearnWebCode Learn HTML, CSS, JQuery and Wordpress development https://www.youtube.com/channel/UCHRp19HU7Y2LwfI0Ai6WAGQ
Lets Build That App Swift Tutorials & Node JS and App Reviews https://www.youtube.com/channel/UCuP2vJ6kRutQBfRmdcI92mA
mmtuts Multimedia & Web Design & Development Tutorials https://www.youtube.com/channel/UCzyuZJ8zZ-Lhfnz41DG5qLw
The Net Ninja Sharpen Your Web Skills https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
Udemy Tech Programming Tutorials / Courses https://www.youtube.com/channel/UCU6e4MJtvlcX5DBLP1cq8hQ
whatsdev Wide range of programming tutorials https://www.youtube.com/channel/UC0tRdbXVDbhaRvZPKsRgmxg
KevinPowell Weekly Web Development & Design (Tips Tricks &Tutorials) https://www.youtube.com/user/KepowOb
Layout Land Amazing CSS Knowledge https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag
Program With Erik Programming Tutorials with Frameworks https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw
DesignCourse Tutorials using Adobe XD, Photoshop and others https://www.youtube.com/user/DesignCourse
Coding Tech Frequent uploads of tech talks https://www.youtube.com/channel/UCtxCXg-UvSnTKPOzLH4wJaQ
sentdex Python Programming tutorials, machine learning and data analysis https://www.youtube.com/channel/UCfzlCWGWYyIQ0aLC5w48gBQ
Derek Banas Tutorials based on user requests https://www.youtube.com/channel/UCwRXb5dUK4cvsHbx-rGzSgw
Dev Tips Weekly show to learn programming https://www.youtube.com/channel/UCyIe-61Y8C4_o-zZCtO4ETQ
The Coding Train Programming tutorials and in-depth algorithm explanations https://www.youtube.com/user/shiffman
The new Boston Programming tutorials in different languages and frameworks https://www.youtube.com/user/thenewboston
freeCodeCamp Online courses, programming projects, and interview preparation https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ/featured
LevelUp Tutorials Video tutorials by Scott Tolinski https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg
Online Tutorials HTML, CSS and JavaScript Tutorials https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog
Leafie Tutoring Online Tutoring https://www.youtube.com/channel/UCiw8awF7g3QO36srPajIHJA

Recommended Courses

Teacher Course Name 📓 Link ↘️
Andrew Mead The Complete Node.JS Developer Course https://www.udemy.com/the-complete-nodejs-developer-course-2/
Brad Traversy React Front To Back https://www.udemy.com/course/react-front-to-back/
Brad Traversy Mern Stack Front To Back https://www.udemy.com/mern-stack-front-to-back/

Educational Reads

Name Link ↘️
3 Easy Ways to Write Cleaner Unit Tests https://blog.usejournal.com/3-easy-ways-to-write-cleaner-unit-tests-2ec04ca6b9df
The magic of this Keyword https://medium.com/@js_tut/the-magic-of-this-keyword-2ed897d6033b
How to scale RESTFul API's https://blog.usejournal.com/more-principles-of-rest-ee0b614641bf

Github Badges

Name Description 📓 Link ↘️
Code Coverage Code Coverage https://coveralls.io/
David DM Keep track of dependencies https://david-dm.org
For the badge Extra badges for github repos https://forthebadge.com
License Badges Badges for licenses such as MIT https://gist.github.com/lukas-h/2a5d00690736b4c3a7ba
Awesome Android UI A curated list of awesome Android UI/UX libraries https://github.com/wasabeef/awesome-android-ui

Other Links

Name Description 📓 Link ↘️
Stack Overflow Every Developers Friend https://stackoverflow.com/
Sitepoint Large amounts of web development articles https://www.sitepoint.com/
Awwapp Collaborative whiteboard https://awwapp.com/
w3schools Online learning resource for HTML, CSS, JS https://www.w3schools.com/html/html_scripts.asp
CodeAcademy Learn different languages, responsive design, frameworks and much more online https://www.codecademy.com/
Codepen Front-End Development Playground and social environment to share works https://codepen.io/
Scrimba Learn code through an interactive screencast https://scrimba.com/
Cody House HTML, CSS, JS experiments https://codyhouse.co/library
Codrops Collection of articles, tutorials for web development and design https://tympanus.net/codrops/
Waka Time Time tracking for programmers https://wakatime.com/

Contributors

Name Description 📓 Link ↘️
Justen Phelps Full Stack developer from Los Angeles, CA https://www.justenphelps.com
Marcus Lindstedt - https://github.com/BerimboloEnterprises
Ahmed Ezzat Android Developer from Alexandria, Eg https://github.com/AhmedMaghawry
Umar Aslam Nawab Javascript Developer from Karachi,Pakistan https://github.com/UmarAslamNawab
Gabriel Araujo A computer science student, Brazil https://github.com/gabriel-arauj
Kate Sy Web Developer from Melbourne, Australia https://github.com/katesyberspace
Ethan Rockwood Windows Administrator from Macomb, Il https://github.com/drockwood94
Linda Lai Web Developer from Melbourne, Australia https://github.com/linda-lai
Muhammed Essam Junior Data scientist from Egypt https://github.com/MuhammedKhamis

License

forthebadge