DSA

0%Progress

0/80 topics

Roadmap shelf · start here

◉MDN Learn Web Development · Start here · Web fundamentals

START

Web Foundations

JavaScript Core

TypeScript and Tooling

React Fundamentals

Advanced Frontend

Node.js and Express

PostgreSQL and Data

Authentication and Security

DevOps and Deployment

System Design and Capstone

HAPPY CODING

You've reached the end of this roadmap. Keep building and learning!

Web Foundations

Day 1 · How the Web Works

Phase shelf

▤MDN Web Docs · Web platform reference

Browser, Client and Server

HTTP Request and Response

⚒ Task · Inspect a real network request: Complete the practical task for How the Web Works and document what you learned.

START

Phase · Web Foundations

Phase shelf

▤MDN Web Docs · Web platform reference

Browser, Client and Server

HTTP Request and Response

Task · Inspect a real network request

Complete the practical task for How the Web Works and document what you learned.

Phase · JavaScript Core

Phase shelf

◉JavaScript.info · JavaScript tutorial

Phase · TypeScript and Tooling

Phase shelf

▤TypeScript Handbook · Official TypeScript handbook

Phase · React Fundamentals

Phase shelf

▤React Learn · Official React learning guide

Phase · Advanced Frontend

Phase shelf

▤React Reference · React APIs and advanced concepts

Phase · Node.js and Express

Phase shelf

▤Node.js Learn · Official Node.js learning material

Phase · PostgreSQL and Data

Phase shelf

▤PostgreSQL Documentation · SQL and PostgreSQL reference

Phase · Authentication and Security

Phase shelf

✎OWASP Top 10 · Web security essentials

Phase · DevOps and Deployment

Phase shelf

▤Docker Get Started · Containers and deployment

Phase · System Design and Capstone

Phase shelf

✎System Design Primer · System design study reference

HAPPY CODING

You've reached the end of this roadmap. Keep building and learning!

Loading roadmap...

Back to all roadmaps

DSA

0%Progress

0/80 topics

Roadmap shelf · start here

◉MDN Learn Web Development · Start here · Web fundamentals

START

Web Foundations

JavaScript Core

TypeScript and Tooling

React Fundamentals

Advanced Frontend

Node.js and Express

PostgreSQL and Data

Authentication and Security

DevOps and Deployment

System Design and Capstone

HAPPY CODING

You've reached the end of this roadmap. Keep building and learning!

Web Foundations

Day 1 · How the Web Works

Phase shelf

▤MDN Web Docs · Web platform reference

Browser, Client and Server

HTTP Request and Response

⚒ Task · Inspect a real network request: Complete the practical task for How the Web Works and document what you learned.

START

Phase · Web Foundations

Phase shelf

▤MDN Web Docs · Web platform reference

Browser, Client and Server

HTTP Request and Response

Task · Inspect a real network request

Complete the practical task for How the Web Works and document what you learned.

Phase · JavaScript Core

Phase shelf

◉JavaScript.info · JavaScript tutorial

Phase · TypeScript and Tooling

Phase shelf

▤TypeScript Handbook · Official TypeScript handbook

Phase · React Fundamentals

Phase shelf

▤React Learn · Official React learning guide

Phase · Advanced Frontend

Phase shelf

▤React Reference · React APIs and advanced concepts

Phase · Node.js and Express

Phase shelf

▤Node.js Learn · Official Node.js learning material

Phase · PostgreSQL and Data

Phase shelf

▤PostgreSQL Documentation · SQL and PostgreSQL reference

Phase · Authentication and Security

Phase shelf

✎OWASP Top 10 · Web security essentials

Phase · DevOps and Deployment

Phase shelf

▤Docker Get Started · Containers and deployment

Phase · System Design and Capstone

Phase shelf

✎System Design Primer · System design study reference

HAPPY CODING

You've reached the end of this roadmap. Keep building and learning!

DSA

Day 1 · How the Web Works

Phase · Web Foundations

How the Web Works

HTML Fundamentals

CSS Fundamentals

Responsive Design

Phase · JavaScript Core

JavaScript Basics

Arrays and Objects

DOM and Events

Async JavaScript

Phase · TypeScript and Tooling

TypeScript Basics

Advanced TypeScript

Git and GitHub

Developer Tooling

Phase · React Fundamentals

React Components

React State

React Effects

React Forms

Phase · Advanced Frontend

Routing

State Architecture

Frontend Performance

Frontend Testing

Phase · Node.js and Express

Node.js Runtime

Express Fundamentals

API Validation

REST API Design

Phase · PostgreSQL and Data

SQL Fundamentals

Relational Modeling

Joins and Aggregations

Transactions and Indexes

Phase · Authentication and Security

Authentication

Authorization

Web Security

API Protection

Phase · DevOps and Deployment

Docker

CI/CD

Cloud Deployment

Observability

Phase · System Design and Capstone

System Design Basics

Full Stack Integration

Capstone Build

Interview Readiness

DSA

Day 1 · How the Web Works

Phase · Web Foundations

How the Web Works

HTML Fundamentals

CSS Fundamentals

Responsive Design

Phase · JavaScript Core

JavaScript Basics

Arrays and Objects

DOM and Events

Async JavaScript

Phase · TypeScript and Tooling

TypeScript Basics

Advanced TypeScript

Git and GitHub

Developer Tooling

Phase · React Fundamentals

React Components

React State

React Effects

React Forms

Phase · Advanced Frontend

Routing

State Architecture

Frontend Performance

Frontend Testing

Phase · Node.js and Express