Level 1 · Foundations
HTML, CSS & the Web
What the web actually is, then how to build pages by hand. By the end of Level 1 you can take a Figma mockup and ship a small responsive site to Vercel — no framework, just real HTML and CSS.
A · What the web is
WEB-L1-01How the Web Works
Client, server, URLs, HTTP, DevTools — the conversation that makes every page load.
WEB-L1-02Meeting HTML
Tags, elements, attributes and the HTML skeleton — write your first page by hand and open it in a browser.
WEB-L1-03Working with Text
Heading hierarchy, strong & em, line breaks and rules, comments, and the View Source tour.
B · HTML semantics & forms
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
C · CSS foundations
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
D · Layout & responsive design
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
E · Figma → code
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
F · Capstones
Coming soon
Coming soon
Coming soon
Coming soon
Assessment
Level Assessment
Coming soon
Level 2 · Intermediate
JavaScript & React
JavaScript fundamentals, the DOM, async + fetch, then React from the ground up: components, hooks, context, custom hooks and React Router. No Next.js yet — that's a dedicated Optional module.
A · JavaScript fundamentals
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
B · DOM & events
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
C · Async JavaScript
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
D · React core
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
E · React patterns & routing
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
F · Capstones
Coming soon
Coming soon
Coming soon
Coming soon
Assessment
Level Assessment
Coming soon
Level 3 · Backend
Backend, APIs & Databases
Node.js + Express, REST APIs, PostgreSQL, auth (sessions, JWT, OAuth) and deployment. By the end of Level 3 your React app from L2 talks to a real backend you wrote, with a database, login and a public URL.
A · Node.js + Express
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
B · REST API design
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
C · SQL & PostgreSQL
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
D · Authentication
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
E · Deployment
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
F · Capstone
Coming soon
Coming soon
Assessment
Level Assessment
Coming soon
Level 4 · Production
Production Full-Stack: React + TypeScript + Node
Junior-pro grade. TypeScript end-to-end, production React (perf, error boundaries, code splitting), advanced Express, real tests (Jest + RTL + Playwright) and CI on GitHub Actions. The L4 capstone is a tested, typed, deployed full-stack product you can show in an interview.
A · TypeScript end-to-end
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
B · Production React
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
C · Production Node & Express
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
D · Testing & quality
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
E · Production polish
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
F · Final capstone
Coming soon
Coming soon
Coming soon
Coming soon
Assessment
Level Assessment
Coming soon
Optional Modules · Specialisation
Three 48-lesson modules for students who want to go deeper after L4. Optional— they sit outside the junior-full-stack spine, so the core journey doesn't depend on them. Take any time after L4.
Optional · Module 1
Next.js Full-Stack
App Router, Server Components vs Client Components, Server Actions, Cache Components (use cache, cacheTag), Route Handlers, middleware, deployment to Vercel. The natural next step after L4 for the modern full-stack-Next.js path. ~48 lessons.
Lesson structure for this module is still being designed. We'll publish it before authoring starts.
Optional · Module 2
Mobile Native App Full-Stack
Swift (iOS) + Kotlin (Android), each wired to the same Node API from L3/L4. When native is the right choice, when it isn't. Optional React Native (Expo) sub-track decided at author-time. ~48 lessons.
Lesson structure for this module is still being designed. We'll publish it before authoring starts.
Optional · Module 3
Cloud & DevOps
Docker fundamentals, GitHub Actions deep, CI/CD beyond L4's basics, AWS / GCP foundations (S3, Lambda, CloudFront, RDS), observability (logs, metrics, tracing), infrastructure-as-code intro. ~48 lessons.
Lesson structure for this module is still being designed. We'll publish it before authoring starts.