JavaScript Learning Roadmap

A structured path from zero to hero. Click any topic to read the summary, code example, and links to authoritative resources.

Last updated: June 22, 2026

12 sections•87 topics

Section / Topic	Difficulty
▼📘1. JavaScript Basics
What is JavaScript / Overview	Easy
Syntax, Hello World, Console.log	Easy
Comments	Easy
Variables (var, let, const)	Easy
let Statement	Easy
Constants (const)	Easy
Data Types	Easy
Type Conversions	Medium
Strict Mode	Easy
Reserved Keywords	Easy
▼➕2. Operators
Arithmetic Operators	Easy
Comparison Operators	Easy
Logical Operators	Easy
Bitwise Operators	Medium
Assignment Operators	Easy
Conditional (Ternary) Operator	Easy
typeof Operator	Easy
Nullish Coalescing (??)	Easy
Spread Operator (...)	Easy
Operator Precedence	Easy
▼🔄3. Control Flow
If...Else	Easy
Switch Case	Easy
While Loop	Easy
For Loop	Easy
For...in	Easy
For...of	Easy
Break & Continue	Easy
User Defined Iterators	Hard
▼⚙️4. Functions
Functions	Easy
Function Expressions	Easy
Function Parameters & Arguments	Easy
Default Parameters	Easy
Arrow Functions	Easy
Function Hoisting	Medium
call(), apply(), bind()	Medium
Closures	Medium
Variable Scope	Medium
Rest Parameters	Easy
▼📦5. Objects & Built-in Types
Objects Basics	Easy
Number & Boolean	Easy
Strings	Easy
Arrays	Easy
Date	Easy
Math	Easy
RegExp	Medium
Symbol	Medium
Set & WeakSet	Easy
Map & WeakMap	Easy
Iterables	Medium
Template Literals & Tagged Templates	Easy
Destructuring	Easy
Optional Chaining (?.)	Easy
▼🏗️6. Object-Oriented JavaScript
Object Properties & Methods	Easy
Object Constructors	Medium
Classes	Medium
Static Methods & Properties	Medium
Inheritance	Medium
Prototypes & Prototypal Inheritance	Hard
this Keyword	Medium
new Keyword	Medium
Proxies & Reflect	Hard
▼⏳7. Asynchronous JavaScript
Callback Functions	Easy
Promises	Medium
Async/Await	Medium
Promises Chaining	Medium
setTimeout & setInterval	Easy
▼🌐8. Browser & DOM
HTML DOM	Easy
Browser Object Model (BOM)	Easy
Events	Easy
Event Bubbling & Delegation	Medium
▼💾9. Web APIs & Storage
Fetch API	Medium
JSON	Easy
Storage API (localStorage, sessionStorage)	Easy
Cookies	Medium
▼🐛10. Error Handling & Debugging
Error Handling	Easy
Custom Errors & Extending Error	Medium
Debugging & DevTools	Easy
Truthy & Falsy Values	Easy
▼📁11. Modules
Modules (ESM)	Medium
Dynamic Imports	Medium
▼🚀12. Advanced Topics
Recursion	Medium
Higher Order Functions	Medium
Generators & Iterators	Hard
Design Patterns	Hard
Memoization	Medium
Currying	Medium
Debouncing & Throttling	Medium

Start with the basics

Follow the topics in order for the best experience. Each topic has a summary, code example, and links to MDN, javascript.info, TutorialsPoint, and W3Schools.

Start with What is JavaScript →