Roadmaps / Web Development
💻
intermediate Roadmap #5

Web Development

You can't hack what you don't understand. This roadmap gives you the developer's perspective on web applications: how HTTP works, how sessions and cookies are managed, how APIs are designed, and how authentication flows are implemented.

📚 9 lessons ⏱ ~20h 📊 intermediate

Create a free account to track your progress and unlock all features.

Get Started Free Sign In
HTML & CSS JavaScript HTTP Protocol REST APIs Sessions & Cookies Authentication Flows Backend Basics Dev Tools

📋 Lessons (9 total)

1
How the Web Works Easy prereq required

Understand the full request-response cycle: DNS resolution, HTTP/HTTPS, TCP handshakes, status codes, and browser rendering.

⏱ 45m
2
HTML Fundamentals Easy prereq required

Build the structure of web pages with semantic HTML5: elements, attributes, forms, tables, and accessibility best practices.

⏱ 50m
3
CSS Basics & Selectors Easy prereq required

Style web pages with CSS: selectors, the box model, Flexbox, responsive design, and CSS variables for maintainable stylesheets.

⏱ 50m
4
JavaScript Basics Medium prereq required

Learn JavaScript fundamentals: variables, types, functions, arrays, objects, and control flow — the engine behind interactive web pages.

⏱ 60m
5
DOM Manipulation & Events Medium prereq required

Select, modify, and create DOM elements with JavaScript, and respond to user actions through event listeners — the core of interactive web UIs.

⏱ 60m
6
Forms, Validation & Fetch API Medium prereq required

Handle form submission in JavaScript, implement client-side validation, and communicate with APIs using the Fetch API and async/await.

⏱ 65m
7
Node.js & Express Basics Hard prereq required

Build server-side web applications with Node.js and the Express framework — routes, middleware, request handling, and JSON APIs.

⏱ 75m
8
REST APIs & JSON Hard prereq required

Design and consume RESTful APIs: resource naming, HTTP methods, status codes, authentication patterns, and API security basics.

⏱ 70m
9
Secure Coding Practices Lab Medium

A capstone review process: validate-input/encode-output, insecure framework defaults, a structured code review checklist, and dependency scanning as secure coding, not just ops.

⏱ 65m
💻

Know What You're Attacking

To hack web applications, you must first understand how they work from the developer's perspective.

GET /api/users HTTP/1.1
Host: example.com
Cookie: session=abc123
Authorization: Bearer <token>

Recommended Before

Complete earlier roadmaps in the sequence for best results.

View all roadmaps →

What You'll Learn

  • Understand how web applications are built
  • Master HTTP/HTTPS and web communication
  • Understand sessions, cookies, and authentication
  • Use browser Dev Tools for analysis
  • Build and test REST APIs