Is this roadmap free?

Completely. Every tutorial, quiz and roadmap topic is free and open source — no sign-up, no paywall, no account required.

Do I need to follow the roadmap in order?

Not necessarily. The roadmap is structured from beginner to advanced, but you can jump around based on your existing knowledge. If you already know HTML and CSS, skip straight to JavaScript or React.

Do I need to learn TypeScript?

It's optional to start but increasingly expected. Learn JavaScript first, then add TypeScript — it catches bugs early and powers most modern React, Next.js and Vue codebases.

Should I learn React or Vue first?

Either works — components, state and props transfer between them. React has the largest job market and ecosystem; Vue is often praised for a gentler learning curve. Pick one, go deep, and don't learn both at once.

How do I track my progress?

Open any topic card and click "Learning", "Done" or "Skip". Your progress is saved automatically to your browser — no account needed. Come back anytime and pick up where you left off.

Will my progress be lost if I clear my browser data?

Yes. Since progress is stored in your browser, clearing your browser data will reset it. You can also reset it yourself at any time with the "Reset progress" button above the roadmap.

How long does it take to complete the roadmap?

It depends on your pace. Most beginners complete the core sections (HTML, CSS, JavaScript, Git) in 2-3 months of consistent practice. The full roadmap including React and testing can take 6-12 months.

Can I learn web development without a degree?

Absolutely. Hiring is portfolio-driven. A degree helps with some large companies, but a strong portfolio and real projects matter more. This roadmap gives you the skills — your projects prove them.

What should I build to practice?

Build things you'd actually use: a personal site, a todo app, a weather dashboard, a clone of a site you like. Start small, then add auth, APIs and tests. Shipping beats collecting tutorials.

What if I get stuck on a topic?

Each topic links to our interactive tutorials where you can read, practice, and quiz yourself. If you're still stuck, join our community on GitHub to ask questions and get help from other learners.

Is this roadmap up to date?

Yes. It covers modern web development for 2026 — ES6+, React hooks, TypeScript, and current build tools like Vite. We update it as the ecosystem evolves.

~//roadmap/backend

Frontend Backend Fullstack

Backend Roadmap

Master server-side development, databases, APIs and deployment. Mark topics as Learning,Done or Skipped — your progress stays in your browser.

Progress

Learning

Done

Skipped

Recommendation

Recommended

Most developers pick this — standard choice

Alternative

Solid alternative — widely used and recommended

Optional

Valid choice — works well but less common

Your progress

0 of 63 topics completed

0 done0 learning0%

Internet & Networking

How clients and servers communicate.

How the Internet Works

Clients, servers, packets and the request/response cycle.

HTTP Deep Dive

Methods, status codes, headers and content negotiation.

TCP/IP & Sockets

Transport layer fundamentals and persistent connections.

WebSockets

Real-time, bidirectional communication between client and server.

DNS & Load Balancing

Name resolution, round-robin and health checks.

Node.js Fundamentals

JavaScript on the server — the event loop, streams and modules.

Node.js Basics

Runtime, event loop, modules and the global object.

Event Loop

Microtasks, macrotasks and non-blocking I/O.

Streams

Readable, writable, transform and pipeline.

File System

Reading, writing and watching files with fs/promises.

API Design

Building clean, consistent interfaces for clients.

REST APIs

Resource naming, HTTP methods and status codes.

GraphQL

Schemas, resolvers, queries and mutations.

OpenAPI / Swagger

API-first design and auto-generated documentation.

API Versioning

URL, header and query-param versioning strategies.

Rate Limiting

Protecting APIs from abuse with throttling.

Web Frameworks

Pick a framework to build your APIs faster.

Choose one framework and go deep. These are language ecosystems — pick the one that fits your stack.

Express

Minimal, flexible Node.js web framework.

Recommended — most developers pick this

Fastify

High-performance alternative with schema-based validation.

Recommended — most developers pick this

NestJS

Enterprise-grade, TypeScript-first framework with DI.

Great alternative — widely used

Hono

Ultrafast web framework for edge and serverless.

Possible choice — valid but less common

Koa

Express creators' modern rewrite with async/await.

Possible choice — valid but less common

Laravel

Elegant PHP framework with artisan CLI and ecosystem.

Recommended — most developers pick this

Symfony

Reusable PHP components and enterprise-grade framework.

Great alternative — widely used

Django

Batteries-included Python framework with ORM and admin.

Recommended — most developers pick this

Flask

Lightweight Python micro-framework — minimal and flexible.

Great alternative — widely used

FastAPI

Modern Python framework with auto-generated OpenAPI docs.

Recommended — most developers pick this

Rails

Convention-over-configuration Ruby framework.

Great alternative — widely used

Spring Boot

Java framework with dependency injection and auto-config.

Great alternative — widely used

Databases

Learn SQL first, then pick the engine that fits the job.

Start with SQL, learn one relational database well, then understand NoSQL trade-offs.

SQL Fundamentals

SELECT, JOIN, indexes, transactions and normalization.

PostgreSQL

The most advanced open-source relational database.

MySQL

The world's most popular open-source DBMS.

MongoDB

Document database for flexible, JSON-like data.

Redis

In-memory store for caching, queues and sessions.

ORMs & Query Builders

Type-safe database access from your application code.

Prisma

Next-gen ORM with type-safe queries and migrations.

Recommended — most developers pick this

Drizzle ORM

TypeScript ORM that feels like writing SQL.

Great alternative — widely used

TypeORM

ORM for TypeScript and JavaScript with Active Record.

Great alternative — widely used

Knex.js

Query builder for Node.js — raw when you need it.

Possible choice — valid but less common

Authentication & Authorization

Keeping your APIs secure — who can do what.

Password Hashing & Credentials

Storing credentials safely with bcrypt, scrypt and Argon2.

JWT (JSON Web Tokens)

Stateless authentication with signed tokens.

OAuth 2.0

Third-party login and delegated access.

OpenID Connect

The identity layer on top of OAuth 2.0 for login and SSO.

Session Auth

Server-side sessions with cookies.

RBAC & Permissions

Role-based access control and policy engines.

API Key Management

Issuing, rotating and revoking API keys.

Testing

Reliable backend code — unit, integration and contract tests.

Vitest

Fast unit testing for Node.js projects.

Jest

Full-featured test framework with built-in mocking.

Supertest

HTTP assertion library for API integration tests.

End-to-End Testing

Full-stack tests against a running server.

Caching & Performance

Making your APIs fast and efficient.

Caching Strategies

In-memory, Redis and CDN caching patterns.

Pagination

Offset, cursor and keyset pagination.

Batch Processing

Bulk operations, queues and background jobs.

Connection Pooling

Managing database connections efficiently.

Message Queues & Real-time

Asynchronous communication between services.

Redis Queues

Bull/BullMQ for job queues backed by Redis.

Recommended — most developers pick this

RabbitMQ

Message broker with routing, acknowledgements and retries.

Great alternative — widely used

Apache Kafka

Distributed event streaming for high-throughput data.

Great alternative — widely used

Socket.IO

Real-time bidirectional event-based communication.

Possible choice — valid but less common

DevOps & Deployment

Ship your backend to production with confidence.

Docker

Containerize your app for consistent deployments.

CI/CD Pipelines

Automated testing and deployment with GitHub Actions.

Linux Basics

Filesystem, permissions, processes and shell scripting.

Nginx / Reverse Proxy

Routing, SSL termination and static file serving.

Cloud Platforms

AWS, GCP, Vercel, Railway and Fly.io.

Architecture & Patterns

Designing scalable, maintainable backend systems.

Microservices

Splitting monoliths into independently deployable services.

Modular Monolith

Structured single deploy with clear module boundaries.

Event-Driven Architecture

Pub/sub, event sourcing and CQRS.

Clean Architecture

Ports & adapters, use cases and dependency inversion.

Progress saved to browser

$ echo "Keep going!"

Your progress is saved locally

All progress is stored in your browser's localStorage. No account needed. Come back anytime and pick up where you left off.

Start with JavaScript →Back to home

$ cat ~/faq

Frequently Asked Questions

Everything you need to know about the roadmap.