TechRat

Web Development

Full Stack Developer roadmap

End-to-end web development: frontend, backend, databases, deployment and testing.

Before you start

What you will learn

  1. 1. HTML & CSS

    Semantic HTML and modern CSS layout with Flexbox and Grid.

  2. 2. React Foundations

    Components and JSX, props, state and events, and the useState and useEffect hooks.

  3. 3. HTTP & APIs

    Build REST APIs over HTTP and design them well: resources, status codes, pagination and versioning.

  4. 4. SQL Foundations

    Query relational data with SELECT, filtering, sorting and joins.

  5. 5. CI/CD

    Turn code into versioned build artifacts and ship them through continuous integration and delivery pipelines.

  6. 6. Testing Essentials

    Unit tests with Arrange-Act-Assert, then integration and end-to-end tests.

  7. 7. Authentication Fundamentals

    How web apps keep users signed in with sessions, cookies and tokens, and how XSS and CSRF attacks abuse them.

  8. 8. Dockerfile & Compose

    Write efficient multi-stage Dockerfiles and run multi-container apps with Docker Compose.

  9. 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.

  10. 10. SQL Performance

    Read query plans, choose the right indexes and fix N+1 queries and connection pool problems.

  11. 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.

  12. 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.

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