└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # JavaScript RoadMap :rocket: 2 | 3 | - [x] [The Complete Web Developer RoadMap](https://medium.com/hackernoon/the-2019-web-developer-roadmap-ab89ac3c380e) 4 | 5 | #### [Mozila Developer Network](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 6 | 7 | ### key is to learn 8 | - [x] how to use stack over flow? 9 | - [x] how to use the documentation of the technology which you are learning? 10 | 11 | ## HTML & CSS 12 | 13 | - [x] [HTML & CSS Crash Course Tutorial by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G) 14 | - [x] [CSS FlexBox in 20 mins by Traversy Media](https://www.youtube.com/watch?v=JJSoEo8JSnc) 15 | - [x] [flexbox cheatSheet (website)](http://flexbox.malven.co/) 16 | - [x] [CSS Grid in 30 mins by Traversy Media](https://www.youtube.com/watch?v=jV8B24rSN5o) 17 | - [x] [CSS Grid cheatsheet (website)](http://grid.malven.co/) 18 | - [x] [Check out Kevin Powell YouTube Channel for CSS Tricks](https://www.youtube.com/user/KepowOb) 19 | 20 | πŸ€‘πŸ’΅ Paid Course πŸ’΅πŸ€‘ 21 | 22 | - [x] [Advanced CSS and Sass: Flexbox, Grid, Animations and More!](https://www.udemy.com/share/101WkwCUcdcV9WQnQ=/) 23 | 24 | 25 | ## Kick Starters 26 | 27 | - [x] [JavaScript for Beginners by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET) 28 | - [x] [JavaScript Course for Beginners 2020 - Learn JavaScript from Scratch! by Academind](https://youtu.be/2qDywOS7VAc) 29 | - [x] [JavaScript DOM Manipulation by Brad Traversy](https://www.youtube.com/playlist?list=PLjEBqWnjXGvaieUGAESixHWNiE2u4eR5K) 30 | - [x] [Web Dev Concepts to Grasp(Feel free to skip and watch when supposed to use any of these)](https://www.youtube.com/playlist?list=PLjEBqWnjXGvb4ZvWLpHVmi-JwqcqFlufn) 31 | - [x] [Build 15 JavaScript Projects - Vanilla JavaScript Course by FreeCodeCamp](https://www.youtube.com/watch?v=3PHXvlpOkf4) 32 | - [x] [Topics of JavaScript/ES6-ES8 - p5.js Tutorial by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YgpA3Oht-7B4NBQwFVe3pr) 33 | - [x] [JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course) by FreeCodeCamp](https://youtu.be/nZ1DMMsyVyI) 34 | - [x] [20+ Vannila JS Projects](https://www.youtube.com/playlist?list=PLjEBqWnjXGvbNIcb43GeVx8q8mpeUYe3X) 35 | - [x] [You Don't Know JS Yet by Kyle Simpsom(e-book)](https://github.com/getify/You-Dont-Know-JS) 36 | 37 | ## 33-JS Concepts 38 | - [x] [33 Concepts Every JavaScript Developer Should Know(github)](https://github.com/leonardomso/33-js-concepts) 39 | 40 | ## Data Structures And Algorithms 41 | 42 | πŸ€‘πŸ’΅ Paid Course πŸ’΅πŸ€‘ 43 | - [x] [JavaScript Algorithms and Data Structures Masterclass by Colt Steele (Udemy)](https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/) 44 | - [x] [The Algorithms (Github)](https://github.com/TheAlgorithms/Javascript) 45 | 46 | 47 | ## Github Version Control 48 | 49 | - [x] [Git and GitHub for Poets by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV) 50 | - [x] [Github crash course by Traversy Media](https://www.youtube.com/watch?v=SWYqp7iY_Tc) 51 | 52 | ## JavaScript Under The Hood 53 | - [x] [JavaScript: Understanding the Weird Parts - The First 3.5 Hours by Anthony Alicea](https://www.youtube.com/watch?v=Bv_5Zv5c-Ts) 54 | πŸ€‘πŸ’΅ Paid Course πŸ’΅πŸ€‘ 55 | - [x] [JavaScript: Understanding the Weird Parts - Full Course(remaining 8 hours) by Anthony Alicea](https://www.udemy.com/share/101XjU/) 56 | 57 | ## Google Chrome Developer Tools 58 | - [x] [Google Chrome Developer Tools Crash Course](https://www.youtube.com/watch?v=x4q86IjJFag) 59 | 60 | 61 | ## Functional Programming With JavaScript 62 | - [x] [Functional Programming in JavaScript by funfunfunctions](https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84) 63 | 64 | ## Object Creation In JavaScript 65 | - [x] [Object Creation in JavaScript by Funfunfunctions](https://www.youtube.com/playlist?list=PL0zVEGEvSaeHBZFy6Q8731rcwk0Gtuxub) 66 | 67 | ## Clean Code Practices 68 | - [x] [SOLID Principles every Developer Should Know](https://blog.bitsrc.io/solid-principles-every-developer-should-know-b3bfa96bb688) 69 | - [x] [Clean code by yanmcdermott (github) ](https://github.com/ryanmcdermott/clean-code-javascript) 70 | - [x] [Clean Code by beau cornes(video version of github article by yanmcdermott)](https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh) 71 | 72 | ## Javascript Design Patterns 73 | - [x] [Design Patterns in Vanilla JavaScript by DevSage](https://www.youtube.com/playlist?list=PLjEBqWnjXGvZtvsys_GyExkBxvyJytT9H) 74 | 75 | ## Blockchain with Javascript 76 | - [x] [Building a blockchain with Javascript](https://www.youtube.com/playlist?list=PLzvRQMJ9HDiTqZmbtFisdXFxul5k0F-Q4) 77 | 78 | ## Frontend Interview Prep 79 | - [x] [Core Javascript Fundamentals by Akshay Saini](https://www.youtube.com/playlist?list=PLlasXeu85E9eLVlWFs-nz5PKXJU4f7Fks) 80 | - [x] [Cracking the Frontend Interview by Akshay Saini](https://www.youtube.com/playlist?list=PLlasXeu85E9fkCH4XgL2GEh0Bd1IHEaGL) 81 | 82 | ## Interview Prep 83 | - [x] [Answering Tricky JS Interview Questions by Coding Tech](https://www.youtube.com/watch?v=MY0UBGX2FtA) 84 | - [x] [Front-end-Developer-Interview-Questions(github)](https://github.com/h5bp/Front-end-Developer-Interview-Questions) 85 | - [x] [JavaScript Questions](https://github.com/lydiahallie/javascript-questions) 86 | 87 | ## Must Watch Talks 88 | 89 | - [x] [Understanding the event loop and single threaded JavaScript by philip roberts](https://youtu.be/8aGhZQkoFbQ) 90 | #### UnderStanding Asynchronous JavaScript and MicroTask Queue 91 | - [x] [Understanding asynchronous JavaScript and microtask queue by Shelley Vohr](https://youtu.be/SrNQS8J67zc) 92 | #### Must watch talk to understand JavaScript Concepts 93 | - [x] [Rediscovering JavaScript by Venkat Subramaniam](https://www.youtube.com/watch?v=dxzBZpzzzo8) 94 | #### Thinking Recursively and Tail Call Optimization 95 | - [x] [Recursion, Iteration, and JavaScript: A Love Story - Anjana Vakil](https://www.youtube.com/watch?v=FmiQr4nfoPQ) 96 | #### Garbage Collection in JavaScript 97 | - [x] [The Hitchhiker's Guide to All Things Memory in Javascript by Safia Abdalla](https://www.youtube.com/watch?v=AeUCN2lPqL8&t=920s) 98 | #### Undertanding Objects And JavaScript Engine's Code Optimization Techniques 99 | - [x] [JavaScript Engines: The Good Partsβ„’ - Mathias Bynens & Benedikt Meurer](https://www.youtube.com/watch?v=5nmpokoRaZI&t=1236s) 100 | - [x] [JavaScript engines - how do they even? by Franziska Hinkelmann](https://www.youtube.com/watch?v=p-iiEDtpy6I) 101 | 102 | ## TypeScript 103 | - [x] [TypeScript for Beginners by JavaBrains](https://www.youtube.com/playlist?list=PLqq-6Pq4lTTanfgsbnFzfWUhhAz3tIezU) 104 | 105 | ## TensorFlow JS - Machine Learning 106 | - [x] [Neural networks by 3Blue1Brown](https://www.youtube.com/playlist?list=PLZHQObOWTQDNU6R1_67000Dx_ZCJB-3pi) 107 | - [x] [Machine learning by FunFunFunction](https://www.youtube.com/playlist?list=PL0zVEGEvSaeGmPpG8tAaqSmf3k56LPwiF) 108 | - [x] [Neural Networks - The Nature of Code by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aCibgK1PTWWu9by6XFdCfh) 109 | - [x] [TensorFlow.js - Intelligence and Learning by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YIeVA3dNxbR9PYj4wV31oQ) 110 | - [x] [TensorFlow.js Color Classifier by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bmMRCIoTi72aNWHo7epX4L) 111 | 112 | ## Progressive Web Apps 113 | - [x] [PWA Tutorial for Beginners by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7) 114 | --------------------------------------------------------------------------------