Learning Roadmaps
A structured learning path from foundational web fundamentals to advanced AI engineering. Each stage builds on the previous — follow the path sequentially or jump to topics you need.
info
Select a roadmap below for a detailed stage-by-stage learning path with estimated times, prerequisites, and direct links to every documentation page.
49 topics from mastery curriculum and tag encyclopedia through forms, media, Web Components, APIs, accessibility, and security — for humans and AI agents.
61 topics from mastery curriculum and property encyclopedia through Flexbox, Grid, animations, architecture, accessibility, and modern CSS — for humans and AI agents.
52 topics from mastery curriculum and built-ins encyclopedia through DOM, events, async, modules, design patterns, FP, TypeScript, security, and production performance.
40+ topics from mastery curriculum and types encyclopedia through variance, brands, ESLint, testing, monorepos, migration, and production tooling.
35+ topics from mastery curriculum and core API encyclopedia through I/O, networking, parallelism, frameworks, and production operations.
16 topics from components and JSX through hooks, state management, routing, performance optimization, advanced patterns, and testing.
14 topics from App Router and server components through data fetching, API routes, forms & actions, optimization, and production deployment.
43 topics from LLM fundamentals, prompts, and RAG through agents, fine-tuning, deployment, guardrails, multimodality, AI security, and frontier capabilities.
38 topics from syntax, data structures, and functions through OOP, concurrency, testing, packaging, and production best practices.
35+ topics from mastery curriculum and commands encyclopedia through remotes, history rewriting, collaboration, and advanced recovery.
35 topics from Git, npm, and build tools through testing, CI/CD, deployment, monitoring, and production operations.
17 topics from requirements and SDLC foundations through process models, modular monolith, hexagonal, microservices, EDA, CQRS, serverless, and decision craft.
Jump directly to the documentation you need based on what you want to build.
Build a Form
Inputs, validation, accessibility, styling
Design a Layout
Flexbox, Grid, responsive patterns
Add Interactivity
DOM events, animations, canvas
Make it Accessible
ARIA, keyboard nav, screen readers
Fetch Data
Promises, async/await, API calls
Integrate AI
Prompts, RAG, MCP, OpenAI API
Type-Safe Code
Generics, utility types, type guards
Build a React App
Hooks, state, routing, components
Deploy to Production
Next.js, Docker, CI/CD, monitoring
Community
Get help on Slack, Discord or VIP
Stuck on a guide? Join the community and ask.