๐ Awesome Software Development ๐ 
Table of Contents
- Development Tools
- Front-End Resources
- HTML Resources
- CSS Resources
- JS Resources
๐ท Visual Media Resources๐ท ๐ฅ Back End Resources๐ฅ - Infrastructure Resources
- Diagram Resources
- Design Resources
๐จ - Speaker Resources
๐ค ๐ ๐ฌ โฏ Youtube Channelsโฏ - Recommended Courses
๐ Articles/Blog Posts๐ ๐ Github Badges๐ ๐ Other Links๐ ๐ Contributors๐
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 |
