JavaScript-roadmap-for-beginners

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

JavaScript-roadmap-for-beginners

★ 26 Open GitHub ↗

Javascript roadmap for new JavaScripters

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# JavaScript RoadMap :rocket:

- [x] [The Complete Web Developer RoadMap](https://medium.com/hackernoon/the-2019-web-developer-roadmap-ab89ac3c380e)

#### [Mozila Developer Network](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

### key is to learn
- [x] how to use stack over flow?
- [x] how to use the documentation of the technology which you are learning?

## HTML & CSS              
                  
- [x] [HTML & CSS Crash Course Tutorial by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G)   
- [x] [CSS FlexBox in 20 mins by Traversy Media](https://www.youtube.com/watch?v=JJSoEo8JSnc)
- [x] [flexbox cheatSheet (website)](http://flexbox.malven.co/)
- [x] [CSS Grid in 30 mins by Traversy Media](https://www.youtube.com/watch?v=jV8B24rSN5o)
- [x] [CSS Grid cheatsheet (website)](http://grid.malven.co/)
- [x] [Check out Kevin Powell YouTube Channel for CSS Tricks](https://www.youtube.com/user/KepowOb)

🤑💵 Paid Course 💵🤑

- [x] [Advanced CSS and Sass: Flexbox, Grid, Animations and More!](https://www.udemy.com/share/101WkwCUcdcV9WQnQ=/)

## Kick Starters

- [x] [JavaScript for Beginners by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET)
- [x] [JavaScript Course for Beginners 2020 - Learn JavaScript from Scratch! by Academind](https://youtu.be/2qDywOS7VAc)
- [x] [JavaScript DOM Manipulation by Brad Traversy](https://www.youtube.com/playlist?list=PLjEBqWnjXGvaieUGAESixHWNiE2u4eR5K)
- [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)
- [x] [Build 15 JavaScript Projects - Vanilla JavaScript Course by FreeCodeCamp](https://www.youtube.com/watch?v=3PHXvlpOkf4)
- [x] [Topics of JavaScript/ES6-ES8 - p5.js Tutorial by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YgpA3Oht-7B4NBQwFVe3pr)
- [x] [JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course) by FreeCodeCamp](https://youtu.be/nZ1DMMsyVyI)
- [x] [20+ Vannila JS Projects](https://www.youtube.com/playlist?list=PLjEBqWnjXGvbNIcb43GeVx8q8mpeUYe3X)
- [x] [You Don't Know JS Yet by Kyle Simpsom(e-book)](https://github.com/getify/You-Dont-Know-JS)

## 33-JS Concepts
- [x] [33 Concepts Every JavaScript Developer Should Know(github)](https://github.com/leonardomso/33-js-concepts)

## Data Structures And Algorithms

🤑💵 Paid Course 💵🤑             
 - [x] [JavaScript Algorithms and Data Structures Masterclass by Colt Steele (Udemy)](https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/)
 - [x] [The Algorithms (Github)](https://github.com/TheAlgorithms/Javascript)

## Github Version Control

- [x] [Git and GitHub for Poets by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV)
 - [x] [Github crash course by Traversy Media](https://www.youtube.com/watch?v=SWYqp7iY_Tc)
 
## JavaScript Under The Hood
 - [x] [JavaScript: Understanding the Weird Parts - The First 3.5 Hours by Anthony Alicea](https://www.youtube.com/watch?v=Bv_5Zv5c-Ts)                             
   🤑💵 Paid Course 💵🤑                               
 - [x] [JavaScript: Understanding the Weird Parts - Full Course(remaining 8 hours) by Anthony Alicea](https://www.udemy.com/share/101XjU/)
 
## Google Chrome Developer Tools
 - [x] [Google Chrome Developer Tools Crash Course](https://www.youtube.com/watch?v=x4q86IjJFag)
 
 
## Functional Programming With JavaScript
 - [x] [Functional Programming in JavaScript by funfunfunctions](https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84)
 
## Object Creation In JavaScript
 - [x] [Object Creation in JavaScript by Funfunfunctions](https://www.youtube.com/playlist?list=PL0zVEGEvSaeHBZFy6Q8731rcwk0Gtuxub)
 
## Clean Code Practices
 - [x] [SOLID Principles every Developer Should Know](https://blog.bitsrc.io/solid-principles-every-developer-should-know-b3bfa96bb688)
 - [x] [Clean code by yanmcdermott (github) ](https://github.com/ryanmcdermott/clean-code-javascript)
 - [x] [Clean Code by beau cornes(video version of github article by yanmcdermott)](https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh)
 
## Javascript Design Patterns
 - [x] [Design Patterns in Vanilla JavaScript by DevSage](https://www.youtube.com/playlist?list=PLjEBqWnjXGvZtvsys_GyExkBxvyJytT9H)
 
## Blockchain with Javascript
 - [x] [Building a blockchain with Javascript](https://www.youtube.com/playlist?list=PLzvRQMJ9HDiTqZmbtFisdXFxul5k0F-Q4)

## Frontend Interview Prep
 - [x] [Core Javascript Fundamentals by Akshay Saini](https://www.youtube.com/playlist?list=PLlasXeu85E9eLVlWFs-nz5PKXJU4f7Fks)
 - [x] [Cracking the Frontend Interview by Akshay Saini](https://www.youtube.com/playlist?list=PLlasXeu85E9fkCH4XgL2GEh0Bd1IHEaGL)
 
## Interview Prep
 - [x] [Answering Tricky JS Interview Questions by Coding Tech](https://www.youtube.com/watch?v=MY0UBGX2FtA)
 - [x] [Front-end-Developer-Interview-Questions(github)](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
 - [x] [JavaScript Questions](https://github.com/lydiahallie/javascript-questions)

## Must Watch Talks

- [x] [Understanding the event loop and single threaded JavaScript by philip roberts](https://youtu.be/8aGhZQkoFbQ)
   #### UnderStanding Asynchronous JavaScript and MicroTask Queue
 - [x] [Understanding asynchronous JavaScript and microtask queue by Shelley Vohr](https://youtu.be/SrNQS8J67zc)
   #### Must watch talk to understand JavaScript Concepts
 - [x] [Rediscovering JavaScript by Venkat Subramaniam](https://www.youtube.com/watch?v=dxzBZpzzzo8)
    #### Thinking Recursively and Tail Call Optimization
 - [x] [Recursion, Iteration, and JavaScript: A Love Story - Anjana Vakil](https://www.youtube.com/watch?v=FmiQr4nfoPQ)
    #### Garbage Collection in JavaScript
 - [x] [The Hitchhiker's Guide to All Things Memory in Javascript by Safia Abdalla](https://www.youtube.com/watch?v=AeUCN2lPqL8&t=920s)
    #### Undertanding Objects And JavaScript Engine's Code Optimization Techniques
 - [x] [JavaScript Engines: The Good Parts™ - Mathias Bynens & Benedikt Meurer](https://www.youtube.com/watch?v=5nmpokoRaZI&t=1236s)
 - [x] [JavaScript engines - how do they even? by Franziska Hinkelmann](https://www.youtube.com/watch?v=p-iiEDtpy6I)

## TypeScript
 - [x] [TypeScript for Beginners by JavaBrains](https://www.youtube.com/playlist?list=PLqq-6Pq4lTTanfgsbnFzfWUhhAz3tIezU)

## TensorFlow JS - Machine Learning
 - [x] [Neural networks by 3Blue1Brown](https://www.youtube.com/playlist?list=PLZHQObOWTQDNU6R1_67000Dx_ZCJB-3pi)
 - [x] [Machine learning by FunFunFunction](https://www.youtube.com/playlist?list=PL0zVEGEvSaeGmPpG8tAaqSmf3k56LPwiF)
 - [x] [Neural Networks - The Nature of Code by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aCibgK1PTWWu9by6XFdCfh)
 - [x] [TensorFlow.js - Intelligence and Learning by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YIeVA3dNxbR9PYj4wV31oQ)
 - [x] [TensorFlow.js Color Classifier by The Coding Train](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bmMRCIoTi72aNWHo7epX4L)

## Progressive Web Apps
 - [x] [PWA Tutorial for Beginners by The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7)

JavaScript-roadmap-for-beginners

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README