Learn what JavaScript is, where it runs, and how it adds behavior to web pages.
A useful foundation for the rest of the roadmap.
JavaScript Roadmap
A clear learning path from JavaScript fundamentals to advanced concepts: 3 Levels → 7 Learning Milestones → 54 Topics. Follow one topic at a time and practice before moving on.
Beginner Level
Intermediate Level
Advanced Level
Start with Beginner and move forward as the core concepts become comfortable.
Level → Learning Milestone → Topic 3 Levels · 7 Learning Milestones · 54 Topics
Beginner Level
Build the core concepts needed to start writing JavaScript.
Understand how JavaScript was born and how it evolved into the language it is today.
Good context before going deeper.
Set up an editor, a browser, and a simple way to run JavaScript while you learn.
Makes practice easier from the beginning.
4
Comments
Add notes for intent, assumptions, or tricky decisions while keeping comments accurate.
A small habit that supports maintenance.
Display values with the console and browser dialogs so you can observe your code while learning.
Useful for early experiments and debugging.
Give values meaningful names so your program can store and work with changing information.
A foundation for readable programs.
Recognize primitive and object values, including strings, numbers, booleans, null, and undefined.
Helps you predict how values behave.
Use operators to calculate, compare values, assign results, and combine conditions.
Supports calculations and control flow.
Choose which code runs by evaluating conditions with if, else, and switch.
The basic building block for decisions.
10
Loops
Repeat work over collections or until a condition changes, using the loop that fits the task.
Useful for repetition and collection processing.
11
Functions
Package reusable behavior into functions with inputs, outputs, and a clear responsibility.
A prerequisite for callbacks and closures.
12
Arrays
Store ordered collections and transform, search, sort, and iterate over their values.
A practical way to work with groups of values.
13
Objects
Group related properties and behavior in objects that model data in your application.
A core way to represent structured data.
Read and update the document so JavaScript can change page content and structure.
Connects language fundamentals to browser pages.
15
Events
Listen for user and browser events, then run the right response when they occur.
The basis of interactive browser features.
Intermediate Level
Use modern JavaScript to build applications and work with asynchronous data.
Learn language additions such as let, const, template literals, and modules that improve clarity and capability.
A useful bridge from fundamentals to modern code.
Use concise function syntax and understand lexical this, which behaves differently from regular functions.
Helpful when reading modern JavaScript APIs.
Extract selected values from objects and arrays while keeping data transformations readable.
Saves time and makes code cleaner.
Expand iterable values or object properties for copying, merging, and function calls, while distinguishing spread from rest.
Useful for composing data and function inputs.
20
JSON
Parse and produce a text format commonly used to exchange structured data with web services.
Essential for working with APIs.
21
Set & Map
Use Set when values must be unique and Map when keys should point to values, including keys beyond strings.
Choose a structure based on the data relationship you need.
Understand classes, prototypes, inheritance, and composition as different ways to model behavior and relationships.
Useful when a project benefits from object-based design, but not required for every application.
23
Closures
Understand how a function can retain access to its lexical environment after the outer function returns. Review Scope first.
Builds directly on lexical scope and function fundamentals.