Free Learning Path Builder

Build your free web developer path

Pick your goal, your starting level, and how much time you have. We put the best free courses in the right order. No signup, no cost, and the link is yours to share.

Your plan

Your beginner web developer plan

5 coursesabout 24.2 monthsat 8 hours a week (a steady evening habit most days of the week)

  1. 1
    Step 01

    Learn HTML & CSS

    Build the visual layer of every website. Learn to structure content and style it for any screen size.

    beginner
    freeCodeCamp
    Certificate

    Responsive Web Design

    300h ยท Free

    • Also considered

      We skipped Codecademy's Learn HTML: Fundamentals. Its free tier is lessons and exercises only, with the projects and career paths behind Pro, and it teaches HTML without the CSS half of the job. freeCodeCamp's Responsive Web Design teaches both together across 20 projects, including the flexbox and grid layouts a portfolio needs to stop looking like a first attempt.

      See what Learn HTML: Fundamentals covers
  2. 2
    Step 02

    Learn JavaScript

    Add interactivity and logic to your pages. JavaScript is the language of the web, and you can't skip it.

    beginner
    freeCodeCamp
    Certificate

    JavaScript Algorithms and Data Structures

    300h ยท Free

    • Also considered

      We skipped Scrimba's Learn JavaScript for Free (30 hours). Editing code right inside the video player is the nicest way to meet syntax, functions, arrays, and the DOM, and 30 hours gets you that far and stops. freeCodeCamp's 300 hours keep going into data structures, OOP, functional programming, and algorithm scripting, which is the material a junior screen actually tests.

      See what Learn JavaScript for Free covers
  3. 3
    Step 03

    Build Real Projects

    Apply everything in a structured curriculum built around real projects employers can see.

    beginner
    The Odin Project

    Foundations Path

    80h ยท Free

    • Also considered

      We skipped Khan Academy's Intro to JavaScript: Drawing & Animation (10 hours). Learning loops by drawing shapes on screen gives you feedback in seconds, which is a real advantage when you are brand new. It does not leave you with anything deployed though, and this step exists to produce work you can send someone. The Odin Project's Foundations path has you build real pages from the start.

      See what Intro to JavaScript: Drawing & Animation covers
  4. 4
    Step 04

    Learn React

    Master the dominant frontend framework. Most web developer jobs require React.

    intermediate
    Scrimba

    Learn React for Free

    40h ยท Free

    • Also considered

      We skipped the Meta Front-End Developer Certificate (Coursera, 180 hours). It is free to audit and the material is strong, but the certificate itself requires payment, and the credential is the main reason most people choose a certificate track at all. Scrimba's React course gives you components, state, props, hooks, effects, and routing with nothing held back. It awards no certificate either, so take it for the three projects you finish rather than for a line on your CV.

      See what Meta Front-End Developer Certificate covers
  5. 5
    Step 05

    Learn Node.js & Backend

    Build APIs and servers. Becoming full-stack doubles your job opportunities.

    intermediate
    The Odin Project

    NodeJS Path (The Odin Project)

    120h ยท Free

    • Also considered

      We skipped freeCodeCamp's Back End Development and APIs (300 hours), and not because it is weak: it is our pick for the backend path. A third 300-hour freeCodeCamp certification, after Responsive Web Design and JavaScript Algorithms, is a lot of curriculum to sit through before you ship anything. The Odin Project's NodeJS Path is 120 hours of Express, PostgreSQL, authentication, and deployment, and it reuses the project habits you built in Foundations two steps ago.

      See what Back End Development and APIs covers