All tracks

Learning Track

Web Foundations: From Code to Browser

Understand how a webpage actually works - from raw code to a rendered, secured, networked experience.

The journey of every web app, in dependency order: how programs execute, then structure (HTML), style (CSS and Tailwind), behavior (JavaScript), the browser runtime that binds them, the HTTP protocol that delivers them, and the security model that protects them. Start here if the web feels like magic; leave able to name every layer.

Free foreverbeginner8 modules~14 hours total

Curriculum

Your progress

0 of 8 modules complete
  1. 1

    How Programs Execute (CPU, Memory, I/O)

    /program-cosmos
    Start module
  2. 2

    HTML & Accessibility (Semantics, ARIA)

    /html-cosmos
    Start module
  3. 3

    CSS Visualizer (Box Model, Flexbox, Grid)

    /css-cosmos
    Start module
  4. 4

    TailwindCSS Playground (Utility-First CSS)

    /tailwindcosmos
    Start module
  5. 5

    JavaScript Visualizer (Execution, Async, Memory)

    /jsviz
    Start module
  6. 6

    Browser Internals (DOM, Rendering, Storage)

    /browseruniverse
    Start module
  7. 7

    HTTP & Web Protocols (Headers, Caching)

    /webprotocols
    Start module
  8. 8

    Web Security (XSS, CSRF, CSP, CORS)

    /websecurity
    Start module