DevPrep
  • Interview Prep
  • Projects
  • Resources
  • Pricing
  • About Us
Submit Question
DevPrep
  • Pricing
  • About Us
Submit Question
← From Beginner to Expert in Fundamentals of Frontend
  • How the Web Works
  • Browsers: The Engines
  • Networking & Latency
  • HTTPS & TLS Handshake
  • CDNs & Edge Computing
  • WebSockets & WebRTC
  • RESTful Architecture
  • GraphQL Architecture
  • CORS (Cross-Origin Resource Sharing)
  • Load Balancing
  • Critical Rendering Path Deep Dive
  • DOM vs. CSSOM Construction
  • The Rendering Engine: Layout, Paint, Compositing
  • JavaScript Engine: V8 Internals
  • The Event Loop: Macro vs. Micro Tasks
  • Garbage Collection
  • Browser Storage Architecture
  • Service Workers & PWAs
  • Web Workers: Multi-Threading
← From Beginner to Expert in Fundamentals of Frontend

How the Web Works

30 min read
DNSIP AddressesHTTP/HTTPSHTTP/2 & HTTP/3Request/Response Cycles

The Journey of a Request

Every time you type a URL and press Enter, a complex chain of events unfolds in milliseconds. Understanding this journey is the foundation of becoming a frontend expert.

DNS Resolution

Your browser first needs to convert the human-readable domain name (like google.com) into an IP address. This involves querying DNS servers in a hierarchical lookup: browser cache → OS cache → Router → ISP DNS → Root DNS servers.

HTTP/HTTPS Protocols

Once the IP is resolved, your browser establishes a connection using HTTP (or HTTPS for encrypted communication). In 2026, most traffic uses HTTP/2 (multiplexed streams) or HTTP/3 (built on QUIC/UDP for faster handshakes).

Request/Response Cycle

The browser sends a request with headers (method, cookies, accepted formats), and the server responds with a status code, headers, and the body (HTML, JSON, etc.).

Practice

  • JavaScript
  • DSA
  • Machine Coding
  • System Design

Resources

  • Learning Tracks
  • Articles
  • Roadmaps
  • Compare Concepts
  • Glossary
  • Developer Tools
  • All Questions

Company

  • About
  • Pricing

Legal

  • Privacy Policy
  • Terms of Service
DevPrep

© 2026 DevPrep. All rights reserved.