FreeCodingCourses
Roadmap
8–12 months
4 phases
~31 weeks

JavaScript Roadmap

JavaScript is the only language that runs everywhere: browser, server, mobile, and desktop. This roadmap takes you from beginner to professional JavaScript developer.
Follow the learning path →All Roadmaps

  1. Phase 1:Core JavaScript

    beginner
    1 week

    Variables & Scope

    var, let, const, and how JavaScript manages variable scope.

    beginner
    2 weeks

    Functions

    Function declarations, expressions, arrow functions, and closures.

    beginner
    2 weeks

    Arrays & Objects

    Work with collections of data and understand JavaScript's object model.

    intermediate
    3 weeks

    DOM & Events

    Select and modify HTML elements, handle user events, and build interactive pages.

  2. Phase 2:Modern JavaScript

    intermediate
    2 weeks

    ES6+ Syntax

    Destructuring, spread, template literals, optional chaining, and nullish coalescing.

    intermediate
    3 weeks

    Async Programming

    Callbacks, Promises, async/await, and the JavaScript event loop.

    intermediate
    1 week

    Modules

    ES modules, import/export, and how JavaScript code is organized at scale.

    intermediate
    1 week

    Error Handling

    try/catch, custom errors, and building resilient JavaScript applications.

  3. Phase 3:React & Frontend

    intermediate
    4 weeks

    React Basics

    JSX, components, props, state, and thinking in React.

    intermediate
    2 weeks

    React Hooks

    useState, useEffect, useRef, useContext, and custom hooks.

    intermediate
    3 weeks

    TypeScript

    Add static types to JavaScript for safer, more maintainable code.

  4. Phase 4:Node.js & Backend

    intermediate
    2 weeks

    Node.js Core

    File system, streams, HTTP module, and Node.js event-driven architecture.

    intermediate
    3 weeks

    Express.js

    Build REST APIs, handle routing, middleware, and authentication.

    intermediate
    2 weeks

    Databases with JS

    Connect to PostgreSQL or MongoDB using Prisma, Mongoose, or pg.

Next steps

Keep exploring

Languages in this roadmap

JavaScriptTypeScriptReactNode.js

Follow the JavaScript learning path

The same plan step by step, with a specific free course for each stage.

Compare all 22 free platforms

See how the platforms behind these courses stack up side by side.

See all roadmaps

Browse every career roadmap we have mapped.

Other goals

More Roadmaps

Web DeveloperView →Frontend DeveloperView →Backend DeveloperView →PythonView →