Become a complete
web developer.
Zero to T3 stack to MCP. From your first <h1> to deploying full-stack apps with end-to-end type safety. Interactive playground on every lesson.
Live editors
Real code in every lesson. Edit, see it render, break things safely.
Built for understanding
Concepts explained with analogies, not just syntax dumps.
You build things
Mini-projects through the course. A real T3 app at the end.
2026-current
React 19, Next 16, TS 5.8+, Tailwind v4, MCP, AI SDK.
The 11 tracks
Each track is a coherent arc. Work through them in order, or jump around if you already know the basics.
Foundations
How the web actually works
Browsers, HTTP, HTML, and CSS. The bedrock under every site on the planet.
CSS Power
Make pixels obey
Layout, responsive design, modern CSS features that used to need JavaScript.
JavaScript
The language of the web
Variables to async. Closures to fetch. Everything modern JS can do, in your browser.
TypeScript
Catch bugs at compile time
Types, generics, narrowing, advanced patterns. Your IDE becomes a superpower.
Dev Toolbelt
The tools every dev shares
Terminal, Git, regex, data formats, debugging — the silent skills that separate juniors from seniors.
The Web Beneath
Protocols, APIs, security
HTTP deep, status codes, cookies, CORS, auth, the API zoo, MCP — everything you encounter but rarely get taught.
The Backend
Servers, databases, APIs
Node.js, Express/Hono, PostgreSQL, Prisma, Drizzle. Build real APIs with real data.
React
UI as a function of state
Components, hooks, state, effects, forms, data fetching. Then React 19's superpowers.
Next.js & T3
Production-grade full-stack
App Router, Server Components, tRPC, Auth.js / Better Auth, Tailwind, end-to-end type safety.
Going to Production
Ship like a pro
Testing, accessibility, performance, SEO, deploy, observability, security.
The Modern Frontier
What's new and what's next
AI, MCP servers, view transitions, animation libraries, PWA, edge.