Web Development
Full Stack Developer roadmap
End-to-end web development: frontend, backend, databases, deployment and testing.
- Intermediate
- about 12 hours
- 12 modules
- 19 steps
Before you start
What you will learn
1. HTML & CSS
Semantic HTML and modern CSS layout with Flexbox and Grid.
- Semantic HTML — Frontend Engineering · Semantic HTML
- CSS, Flexbox & Grid — Frontend Engineering · CSS, Flexbox & Grid
2. React Foundations
Components and JSX, props, state and events, and the useState and useEffect hooks.
- Components & JSX — React · Components & JSX
- Props, State & Events — React · Props, State & Events
- useState & useEffect — React · useState & useEffect
3. HTTP & APIs
Build REST APIs over HTTP and design them well: resources, status codes, pagination and versioning.
- HTTP & REST — Backend Engineering · HTTP & REST
- API Design, Pagination & Versioning — Backend Engineering · API Design, Pagination & Versioning
4. SQL Foundations
Query relational data with SELECT, filtering, sorting and joins.
- SQL Basics — Databases · SQL Basics
- Joins — Databases · Joins
5. CI/CD
Turn code into versioned build artifacts and ship them through continuous integration and delivery pipelines.
- Builds & Artifacts — DevOps · Builds & Artifacts
- CI & CD — DevOps · CI & CD
6. Testing Essentials
Unit tests with Arrange-Act-Assert, then integration and end-to-end tests.
- Unit Testing & AAA — Testing & Quality · Unit Testing & AAA
- Integration & E2E Testing — Testing & Quality · Integration & E2E Testing
7. Authentication Fundamentals
How web apps keep users signed in with sessions, cookies and tokens, and how XSS and CSRF attacks abuse them.
- Sessions, Cookies, OAuth & JWT — Backend Engineering · Sessions, Cookies, OAuth & JWT
- XSS & CSRF — Security · XSS & CSRF
8. Dockerfile & Compose
Write efficient multi-stage Dockerfiles and run multi-container apps with Docker Compose.
- Dockerfile & Multi-Stage Builds — Docker · Dockerfile & Multi-Stage Builds
- Docker Compose — Docker · Docker Compose
9. AI-Assisted DevelopmentOptional
Work effectively with coding agents: give them context and instruction files, prompt for code, connect tools with MCP and review what they produce.
- Coding Agents — AI-Assisted Development · Coding Agents
- Context & Instruction Files — AI-Assisted Development · Context & Instruction Files
- Prompting for Code — AI-Assisted Development · Prompting for Code
- Tools & MCP — AI-Assisted Development · Tools & MCP
- Reviewing & Testing AI-Generated Code — AI-Assisted Development · Reviewing & Testing AI-Generated Code
10. SQL Performance
Read query plans, choose the right indexes and fix N+1 queries and connection pool problems.
- Indexes & Query Plans — Databases · Indexes & Query Plans
- N+1, Indexes & Connection Pooling — Performance Engineering · N+1, Indexes & Connection Pooling
11. API Security Best PracticesOptional
Use the OWASP API Security Top 10 to secure authentication and tokens, enforce object- and function-level authorization, and validate input against mass assignment.
- OWASP API Security Top 10 — API Security · OWASP API Security Top 10
- API Authentication & Tokens — API Security · API Authentication & Tokens
- BOLA & BFLA (Authorization) — API Security · BOLA & BFLA (Authorization)
- Input Validation & Mass Assignment — API Security · Input Validation & Mass Assignment
12. Backend Performance Best PracticesOptional
Budget latency on hot paths, access data efficiently at scale, cache with a clear invalidation strategy, apply backpressure and trim payloads and round trips.
- API Latency Budgets & Hot Paths — Performance Engineering · API Latency Budgets & Hot Paths
- Data Access Patterns at Scale — Performance Engineering · Data Access Patterns at Scale
- Caching Strategy & Invalidation — Performance Engineering · Caching Strategy & Invalidation
- Async I/O, Concurrency & Backpressure — Performance Engineering · Async I/O, Concurrency & Backpressure
- Payloads, Compression & Network Round Trips — Performance Engineering · Payloads, Compression & Network Round Trips
Each step unlocks when you answer its questions well enough, and a module you finish counts in every roadmap that shares it.
Start this roadmap for free