Skip to content
Launchpad

Learning path

Web Developer

From first tag to first deployed app.

About this path

The Web Developer path teaches you to build for the browser from first principles: JavaScript for logic, HTML for structure, CSS for presentation, then components, servers and deployment. You write real code in the very first lesson and finish able to ship a complete web application.

Outcomes
What you'll be able to do when you finish.
  • Read and write modern JavaScript with confidence
  • Structure documents with semantic HTML and style them with modern CSS
  • Program the DOM to build interactive interfaces
  • Compose user interfaces from reusable components
  • Build and consume HTTP APIs backed by real data
  • Deploy a working application to the public web

Modules

The path is organized into modules; modules into lessons. Work through them in order — each lesson assumes the ones before it.

  1. 01
    JavaScript Foundations
    Live
    Values, types, functions and control flow in modern JavaScript - the language skills every later module builds on.
  2. 02
    HTML & CSS Fundamentals
    Live
    Semantic document structure, the box model, flexbox and responsive layout.
  3. 03
    The DOM & Browser APIs
    Live
    Selecting elements, handling events and updating the page without reloads.
  4. 04
    Component-Driven UIs
    Live
    Building interfaces from reusable components and managing their state.
  5. 05
    Servers, APIs & Data
    Live
    HTTP, REST APIs, persistence and the request/response cycle end to end.
  6. 06
    Shipping & Deployment
    Live
    Build pipelines, hosting, domains and getting your work in front of users.

Competencies you'll build

Every lesson maps to named competencies. These are the ones live lessons cover today; planned modules add more as they ship.

  • JavaScript values, variables & types
  • JavaScript functions & control flow
  • JavaScript arrays, objects & JSON
  • JavaScript scope & closures
  • JavaScript error handling & debugging
  • HTML document structure
  • CSS layout & styling
  • Responsive & mobile-first design
  • Web accessibility
  • DOM programming
  • Browser events & interaction
  • Browser storage & network requests
  • Component-driven interfaces
  • Component state & effects
  • HTTP & web servers
  • APIs & data persistence
  • Developer workflow & tooling
  • Testing web applications
  • Building & deploying for production

Tier 1 — core foundationTier 2 — depth that builds on it

The full visual skill tree arrives in Phase 3 — see your current coverage on the progress page.