Skip to content
WebDev Path

A free course for complete beginners

Your route from first tag to first developer job.

24 weekly stops across HTML, CSS, JavaScript, React, Next.js, Node.js, databases and AI. 10 to 15 hours a week, and a real project at the end of every line.

Start week 1See the 6 projects

Free forever. Sign in with GitHub or Google to save your progress.

1. FoundationsWeek 1: How the web works and your developer setup1Week 2: Semantic HTML and accessibility2Week 3: CSS fundamentals, Flexbox and Grid3Week 4: Responsive design and deployment42. JavaScriptWeek 5: JavaScript basics: values, logic and functions5Week 6: Arrays, objects and data6Week 7: The DOM and events7Week 8: Async JavaScript and APIs8Week 9: Modules, npm and debugging93. ReactWeek 10: Components, props and JSX10Week 11: State, events and forms11Week 12: Effects, data fetching and custom hooks12Week 13: Routing, Tailwind CSS and app structure134. TypeScript and Next.jsWeek 14: TypeScript for React developers14Week 15: Next.js App Router15Week 16: Server Actions, caching and performance165. Backend and databasesWeek 17: Node.js and REST APIs17Week 18: Databases with PostgreSQL and an ORM18Week 19: Authentication and authorization19Week 20: Security, testing and CI206. AI features, deployment and jobsWeek 21: Calling AI APIs safely21Week 22: Streaming chat with the Vercel AI SDK22Week 23: Deployment and production23Week 24: Getting hired: CV, profiles and interviews24Week 24: job ready

Six lines, one route

Each line ends with a project and a gate. Pass the gate before you change lines: every line builds on the one before it.

  1. Weeks 1 to 4

    1. Foundations

    Build and publish a responsive, accessible website with HTML and CSS, using Git every day.

    Project 1: Responsive landing page

  2. Weeks 5 to 9

    2. JavaScript

    Make any page interactive and load data from an API. The most important phase: don't rush it.

    Project 2: Weather or movie search app

  3. Weeks 10 to 13

    3. React

    Build a multi-page React app with reusable components, state and data from an API.

    Project 3: Admin dashboard

  4. Weeks 14 to 16

    4. TypeScript and Next.js

    Build a fast, SEO-friendly Next.js app in TypeScript, the stack most React jobs ask for.

    Project 4: Developer portfolio

  5. Weeks 17 to 20

    5. Backend and databases

    Build a full-stack app with an API, a database, sign-in and protected pages.

    Project 5: Full-stack app with accounts

  6. Weeks 21 to 24

    6. AI features, deployment and jobs

    Add a real AI feature to an app, deploy it safely, and apply for work with a portfolio that proves it.

    Project 6: AI chatbot or document assistant

What a week looks like

  1. Step 1

    Learn

    30% of your time

    One focused lesson and the best free resources for it.

  2. Step 2

    Practice

    40%

    Small exercises you solve yourself before checking.

  3. Step 3

    Build

    30%

    Add the week's feature to your project and push it to GitHub.

  4. Step 4

    Review

    Sunday, 30 minutes

    Mark your progress and note what was hard.

Week 1 takes about 10 hours.

You'll set up your tools and put your first page on GitHub.

Start week 1