Week 1 – Introduction
What is JavaScript, where it runs (browser, Node.js).
Setting up environment: Browser console, VS Code, Node.js.
Your first script: console.log("Hello, JavaScript!").
Week 2 – Basic Syntax & Variables
Data types: string, number, boolean, null, undefined.
Variables (let, const, var).
Operators: arithmetic, comparison, logic.
Week 3 – Control Flow
If-else statements.
Switch-case.
Loops: for, while, do...while.
Week 4 – Functions
Function declarations vs expressions.
Arrow functions.
Parameters & return values.
Scope (local, global).
Month 2: Core JavaScript
Week 5 – Objects & Arrays
Creating objects and arrays.
Accessing & modifying data.
Array methods (map, filter, reduce, forEach).
Week 6 – DOM (Document Object Model)
Selecting elements (getElementById, querySelector).
Changing HTML and CSS with JS.
Event listeners (onclick, addEventListener).
Week 7 – Advanced Functions
Callbacks.
Higher-order functions.
Closures.
Week 8 – ES6+ Features
Template literals.
Destructuring.
Spread/rest operators.
Modules (import / export).
Month 3: Asynchronous JavaScript
Week 9 – Promises
Creating and using promises.
then, catch, finally.
Week 10 – Async/Await
Writing asynchronous code clearly.
Error handling in async functions.
Week 11 – Fetch API & JSON
Making API calls.
Parsing and using JSON data.
Week 12 – Error Handling & Debugging
try...catch.
Debugging with browser DevTools.
Month 4: Advanced JavaScript & Projects
Week 13 – Object-Oriented JavaScript
Prototypes.
Classes & inheritance.
Week 14 – JavaScript in Browser
LocalStorage & SessionStorage.
Cookies.
Week 15 – Advanced Concepts
Event loop & concurrency model.
Hoisting.
this keyword.
Call, Apply, Bind.
Week 16 – Mini Projects
To-do list app.
Weather app (using API).
Quiz game.
Month 5: Expanding Skills
Week 17–18 – Frameworks Basics
Intro to React or Vue.
Building a small component-based app.
Week 19–20 – Final Projects
Build a personal portfolio site.
Create a small web app (e.g., notes app, movie search app).
By following this 5-month JavaScript roadmap, you will gain a solid understanding of the language fundamentals, DOM manipulation, asynchronous programming, and modern ES6+ features. You’ll also build practical projects to strengthen your portfolio and prepare yourself for frameworks like React or Vue. With dedication and consistent practice, this roadmap will guide you toward becoming a confident JavaScript developer.
