harishsambasivam/JavaScript-roadmap-for-beginners

Javascript roadmap for new JavaScripters

JavaScript RoadMap 🚀

• The Complete Web Developer RoadMap

Mozila Developer Network

key is to learn

• how to use stack over flow?
• how to use the documentation of the technology which you are learning?

HTML & CSS

• HTML & CSS Crash Course Tutorial by The Net Ninja

• CSS FlexBox in 20 mins by Traversy Media

• flexbox cheatSheet (website)

• CSS Grid in 30 mins by Traversy Media

• CSS Grid cheatsheet (website)

• Check out Kevin Powell YouTube Channel for CSS Tricks

  🤑💵 Paid Course 💵🤑

• Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Kick Starters

• JavaScript for Beginners by The Net Ninja
• JavaScript Course for Beginners 2020 - Learn JavaScript from Scratch! by Academind
• JavaScript DOM Manipulation by Brad Traversy
• Web Dev Concepts to Grasp(Feel free to skip and watch when supposed to use any of these)
• Build 15 JavaScript Projects - Vanilla JavaScript Course by FreeCodeCamp
• Topics of JavaScript/ES6-ES8 - p5.js Tutorial by The Coding Train
• JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course) by FreeCodeCamp
• 20+ Vannila JS Projects
• You Don't Know JS Yet by Kyle Simpsom(e-book)

33-JS Concepts

• 33 Concepts Every JavaScript Developer Should Know(github)

Data Structures And Algorithms

🤑💵 Paid Course 💵🤑

• JavaScript Algorithms and Data Structures Masterclass by Colt Steele (Udemy)
• The Algorithms (Github)

Github Version Control

• Git and GitHub for Poets by The Coding Train
• Github crash course by Traversy Media

JavaScript Under The Hood

• JavaScript: Understanding the Weird Parts - The First 3.5 Hours by Anthony Alicea
  🤑💵 Paid Course 💵🤑
• JavaScript: Understanding the Weird Parts - Full Course(remaining 8 hours) by Anthony Alicea

Google Chrome Developer Tools

• Google Chrome Developer Tools Crash Course

Functional Programming With JavaScript

• Functional Programming in JavaScript by funfunfunctions

Object Creation In JavaScript

• Object Creation in JavaScript by Funfunfunctions

Clean Code Practices

• SOLID Principles every Developer Should Know
• Clean code by yanmcdermott (github)
• Clean Code by beau cornes(video version of github article by yanmcdermott)

Javascript Design Patterns

• Design Patterns in Vanilla JavaScript by DevSage

Blockchain with Javascript

• Building a blockchain with Javascript

Frontend Interview Prep

• Core Javascript Fundamentals by Akshay Saini
• Cracking the Frontend Interview by Akshay Saini

Interview Prep

• Answering Tricky JS Interview Questions by Coding Tech
• Front-end-Developer-Interview-Questions(github)
• JavaScript Questions

Must Watch Talks

• Understanding the event loop and single threaded JavaScript by philip roberts

  UnderStanding Asynchronous JavaScript and MicroTask Queue

• Understanding asynchronous JavaScript and microtask queue by Shelley Vohr

  Must watch talk to understand JavaScript Concepts

• Rediscovering JavaScript by Venkat Subramaniam

  Thinking Recursively and Tail Call Optimization

• Recursion, Iteration, and JavaScript: A Love Story - Anjana Vakil

  Garbage Collection in JavaScript

• The Hitchhiker's Guide to All Things Memory in Javascript by Safia Abdalla

  Undertanding Objects And JavaScript Engine's Code Optimization Techniques

• JavaScript Engines: The Good Parts™ - Mathias Bynens & Benedikt Meurer
• JavaScript engines - how do they even? by Franziska Hinkelmann

TypeScript

• TypeScript for Beginners by JavaBrains

TensorFlow JS - Machine Learning

• Neural networks by 3Blue1Brown
• Machine learning by FunFunFunction
• Neural Networks - The Nature of Code by The Coding Train
• TensorFlow.js - Intelligence and Learning by The Coding Train
• TensorFlow.js Color Classifier by The Coding Train

Progressive Web Apps

• PWA Tutorial for Beginners by The Net Ninja