How the programme is structured
The programme runs across 7 levels holding 38 written lessons and 33 more planned, each level at 48 hours. Every level below lists what it covers and what the student walks away having built.
Need the lesson-by-lesson breakdown? Open the full lesson plan — every lesson with its code, type and milestone.
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.
🧭 What this level covers
- A · What the web is
- B · HTML semantics & forms
- C · CSS foundations
- D · Layout & responsive design
- E · Figma → code
- F · Capstones
- Assessment
JavaScript fundamentals, the DOM, async + fetch, then React from the ground up: components, hooks, context, custom hooks andReact Router. No Next.js yet — that's a dedicated Optional module.
🧭 What this level covers
- A · JavaScript fundamentals
- B · DOM & events
- C · Async JavaScript
- D · React core
- E · React patterns & routing
- F · Capstones
- Assessment
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.
🧭 What this level covers
- A · Node.js + Express
- B · REST API design
- C · SQL & PostgreSQL
- D · Authentication
- E · Deployment
- F · Capstone
- Assessment
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.
🧭 What this level covers
- A · TypeScript end-to-end
- B · Production React
- C · Production Node & Express
- D · Testing & quality
- E · Production polish
- F · Final capstone
- Assessment
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.
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.
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.