System Design

Learn System Design

How to Learn System Design?

Scalability

Availability

Latency and Performance

Concurrency and Coordination

Monitoring and Observability

Resilience and Error Handling

Fault Tolerance vs. High Availability

Flashcards Review

Chapter Assessment

Network Essentials

HTTP vs. HTTPS

TCP vs. UDP

HTTP: 1.0 vs. 1.1 vs 2.0 vs. 3.0

URL vs. URI vs. URN

What Happens When You Type a URL into the Browser

Flashcards Review

Chapter Assessment

Introduction to Real-Time Communication

What is Long-Polling?

What is WebSocket?

What are Server-Sent Events?

Difference Between Long-Polling, WebSockets, and Server-Sent Events

Flashcards Review

Chapter Assessment

Introduction to DNS

DNS Resolution Process

DNS Load Balancing and High Availability

Flashcards Review

Chapter Assessment

What is a Proxy Server?

Uses of Proxies

VPN vs. Proxy Server

Flashcards Review

Chapter Assessment

Introduction to Load Balancing

Load Balancing Algorithms

Uses of Load Balancing

Load Balancer Types

Stateless vs. Stateful Load Balancing

High Availability and Fault Tolerance

Scalability and Performance

Challenges of Load Balancers

Flashcards Review

Chapter Assessment

Introduction to API Gateway

Usage of API gateway

Advantages and disadvantages of using API gateway

Flashcards Review

Chapter Assessment

What Is Rate Limiting

Rate Limiting Algorithms

Distributed Rate Limiting

Rate Limiting in Practice

Flashcards Review

Chapter Assessment

Introduction to Caching

Why is Caching Important?

Types of Caching

Cache Replacement Policies

Cache Invalidation

Cache Read Strategies

Cache Coherence and Consistency Models

Caching Challenges

Cache Performance Metrics

Flashcards Review

Chapter Assessment

What is CDN?

Origin Server vs. Edge Server

CDN Architecture

Push CDN vs. Pull CDN

Flashcards Review

Chapter Assessment

Introduction to Data Partitioning

Partitioning Methods

Data Sharding Techniques

Benefits of Data Partitioning

Common Problems Associated with Data Partitioning

Flashcards Review

Chapter Assessment

What is Redundancy?

What is Replication?

Replication Methods

Data Backup vs. Disaster Recovery

Flashcards Review

Chapter Assessment

Introduction to CAP Theorem

Components of CAP Theorem

Trade-offs in CAP Theorem

Examples of CAP Theorem in Practice

Beyond CAP Theorem

System Design Trade-offs in Interviews

Flashcards Review

Chapter Assessment

Introduction to Databases

SQL Databases

NoSQL Databases

SQL vs. NoSQL

ACID vs BASE Properties

Real-World Examples and Case Studies

SQL Normalization and Denormalization

In-Memory Database vs. On-Disk Database

Data Replication vs. Data Mirroring

Database Federation

Flashcards Review

Chapter Assessment

What are Indexes?

How a B-Tree Index Works

Types of Indexes

B-Tree vs. LSM Tree

Indexes in Distributed Systems

Flashcards Review

Chapter Assessment

Introduction to Bloom Filters

Benefits & Limitations of Bloom Filters

Variants and Extensions of Bloom Filters

Applications of Bloom Filters

Flashcards Review

Chapter Assessment

Why Quorum?

What is Quorum?

Flashcards Review

Chapter Assessment

What is Leader and Follower Pattern?

Flashcards Review

Chapter Assessment

What is Heartbeat?

Flashcards Review

Chapter Assessment

What is Checksum?

Uses of Checksum

Flashcards Review

Chapter Assessment

Introduction to Messaging System

Introduction to Kafka

Messaging patterns

Popular Messaging Queue Systems

RabbitMQ vs. Kafka vs. ActiveMQ

Scalability and Performance

Flashcards Review

Chapter Assessment

What is a Distributed File System?

Architecture of a Distributed File System

Key Components of a DFS

Flashcards Review

Chapter Assessment

What is Security and Privacy?

What is Authentication?

What is Authorization?

Authentication vs. Authorization

OAuth vs. JWT for Authentication

What is Encryption?

What are DDoS Attacks?

Flashcards Review

Chapter Assessment

Batch Processing vs. Stream Processing

XML vs. JSON

Synchronous vs. Asynchronous Communication

Push vs. Pull Notification Systems

Microservices vs. Serverless Architecture

Message Queues vs. Service Bus

Stateful vs. Stateless Architecture

Event-Driven vs. Polling Architecture

Flashcards Review

Chapter Assessment

Quiz

Importance of Discussing Trade-offs

Strong vs Eventual Consistency

Latency vs Throughput

ACID vs BASE Properties in Databases

Read-Through vs Write-Through Cache

Batch Processing vs Stream Processing

Load Balancer vs. API Gateway

API Gateway vs Direct Service Exposure

Proxy vs. Reverse Proxy

API Gateway vs. Reverse Proxy

SQL vs. NoSQL

Primary-Replica vs Peer-to-Peer Replication

Data Compression vs Data Deduplication

Server-Side Caching vs Client-Side Caching

REST vs RPC

Polling vs. Long-Polling vs. WebSockets vs. Webhooks

CDN Usage vs Direct Server Serving

Serverless Architecture vs Traditional Server-based

Stateful vs Stateless Architecture

Hybrid Cloud Storage vs All-Cloud Storage

Token Bucket vs Leaky Bucket

Read Heavy vs Write Heavy System

Quiz

System Design Interviews - A step by step guide

Functional vs. Non-functional Requirements

What are Back-of-the-Envelope Estimations?

Things to Avoid During System Design Interview

System Design Master Template

Quiz

Designing a URL Shortening Service like TinyURL

Quiz - Designing URL Shortner

Designing Pastebin

Quiz - Designing Pastebin

Designing Instagram

Quiz - Designing Instagram

Designing Dropbox

Quiz - Designing Dropbox

Designing Facebook Messenger

Quiz - Designing Facebook Messenger

Designing Twitter

Quiz - Designing Twitter

Designing Youtube or Netflix

Quiz - Designing Youtube

Designing Typeahead Suggestion

Quiz - Designing Typeahead Suggestion

Designing an API Rate Limiter

Quiz - Designing an API Rate Limiter

Designing Twitter Search

Quiz - Designing Twitter Search

Designing a Web Crawler

Quiz - Designing a Web Crawler

Designing Facebook’s Newsfeed

Quiz - Designing Facebook’s Newsfeed

Designing Yelp or Nearby Friends

Quiz - Designing Yelp or Nearby Friends

Designing Uber backend

Quiz - Designing Uber backend

Designing Ticketmaster

Quiz - Designing Ticketmaster

Dynamo: Introduction

High-Level Architecture

Data Partitioning

Replication

Vector Clocks and Conflicting Data

The Life of Dynamo’s put() & get() Operations

Anti-entropy Through Merkle Trees

Gossip Protocol

Dynamo Characteristics and Criticism

Summary: Dynamo

Quiz: Dynamo

Mock Interview: Dynamo

YouTube Likes Counter

Quiz

Cassandra: Introduction

High-level Architecture

Replication

Cassandra Consistency Levels

Gossiper

Anatomy of Cassandra's Write Operation

Anatomy of Cassandra's Read Operation

Compaction

Tombstones

Summary: Cassandra

Quiz: Cassandra

Mock Interview: Cassandra

Messaging Systems: Introduction

Kafka: Introduction

High-level Architecture

Kafka: Deep Dive

Consumer Groups

Kafka Workflow

Role of ZooKeeper

Controller Broker

Kafka Delivery Semantics

Kafka Characteristics

Summary: Kafka

Quiz: Kafka

Mock Interview: Kafka

Chubby: Introduction

High-level Architecture

Design Rationale

How Chubby Works

File, Directories, and Handles

Locks, Sequencers, and Lock-delays

Sessions and Events

Master Election and Chubby Events

Caching

Database

Scaling Chubby

Summary: Chubby

Quiz: Chubby

Mock Interview: Chubby

Hadoop Distributed File System: Introduction

High-level Architecture

Deep Dive

Anatomy of a Read Operation

Anatomy of a Write Operation

Data Integrity & Caching

Fault Tolerance

HDFS High Availability (HA)

HDFS Characteristics

Summary: HDFS

Quiz: HDFS

Mock Interview: HDFS

Google File System: Introduction

High-level Architecture

Single Master and Large Chunk Size

Metadata

Master Operations

Anatomy of a Read Operation

Anatomy of a Write Operation

Anatomy of an Append Operation

GFS Consistency Model and Snapshotting

Fault Tolerance, High Availability, and Data Integrity

Garbage Collection

Criticism on GFS

Summary: GFS

Quiz: GFS

Mock Interview: GFS

BigTable: Introduction

BigTable Data Model

System APIs

Partitioning and High-level Architecture

SSTable

GFS and Chubby

Bigtable Components

Working with Tablets

The Life of BigTable's Read & Write Operations

Fault Tolerance and Compaction

BigTable Refinements

BigTable Characteristics

Summary: BigTable

Quiz: BigTable

Mock Interview: BigTable

Design Reddit

Quiz

Designing a Notification System

Quiz

Design Google calendar (Medium)

Quiz

Design a Recommendation System for Netflix

Quiz

Design Gmail

Quiz

Design Google News, a Global News Aggregator System (Medium)

Quiz

Design Unique ID Generator (Easy)

Quiz

Design Code Judging System like LeetCode (Medium)

Quiz

Design Payment System

Quiz

Design a Flash Sale for an E-commerce Site (Hard)

Quiz

Design a Reminder Alert System

Quiz

Introduction: System Design Patterns

1. Bloom Filters

2. Consistent Hashing

3. Quorum

4. Leader and Follower

5. Write-ahead Log

6. Segmented Log

7. High-Water Mark

8. Lease

9. Heartbeat

10. Gossip Protocol

11. Phi Accrual Failure Detection

12. Split Brain

13. Fencing

14. Checksum

15. Vector Clocks

16. CAP Theorem

17. PACELC Theorem

18. Hinted Handoff

19. Read Repair

20. Merkle Trees

Quiz

What Happens When You Type a URL into the Browser

What Happens When You Type a URL into the Browser

dns

load balancing

cdn

http

+2

hard
·
7 min
·Updated Jul 2026·Credit: System Design Fundamentals

You type an address, press enter, and a page appears. It usually takes less than a second, and in that second the request crosses a dozen separate systems.

This lesson walks the whole path once, in order. Everything in it has appeared somewhere in this course already. What is new is seeing the pieces in the sequence they actually run in.

It is also one of the most common opening questions in an interview, because an interviewer can start it in a minute and follow it as deep as they like.

The whole path

Image
The full path of one request: the browser resolves the name, opens a connection, secures it, and reaches an edge server, which either answers or fetches from the origin behind a load balancer

Here is each step.

1. The browser reads the URL. It splits the address into its parts: the scheme that says which protocol to use, the host that names the server, and the path that identifies what is wanted. Those parts are covered in URL vs. URI vs. URN.

2. The name is turned into an address. A host name is not something a network can route to, so it has to become an IP address. The browser checks its own cache first, then the operating system's, and only then asks a resolver, which walks the naming hierarchy on its behalf. That walk is the subject of DNS Resolution Process. Most of the time this step is free, because the answer is already cached somewhere close.

3. A connection is opened. The browser opens a TCP connection to that address. TCP begins with a three-way handshake: the client sends a request to start (SYN), the server agrees and asks the same in return (SYN-ACK), and the client confirms (ACK). Only then can data be sent. That is one full round trip spent before a single byte of the request has moved.

4. If the scheme is HTTPS, the connection is secured. The two sides run a TLS handshake: the server presents its certificate, the browser checks it against an authority it trusts, and the two agree on the keys that will encrypt everything from here on. This is what the padlock means, and it is covered in HTTP vs. HTTPS. It costs another round trip, sometimes two.

5. The request is sent. A single line naming the method and the path, followed by headers such as the host and the cookies belonging to it.

6. What answers is often not the origin. For anything popular, the address from step 2 belongs to a content delivery network, and the request lands on an edge server near the user. If that server has the content, it replies immediately and the rest of the path never runs. See What is CDN.

7. On a miss, the request continues to the origin. There a load balancer chooses one healthy server from a pool of identical ones, and the request may pass an API gateway that handles authentication and rate limiting before any service sees it.

8. The server builds the response. Usually that means checking a cache, and going to the database only when the cache does not have the answer.

9. The response travels back along the same path, and the CDN keeps a copy on the way through so the next user nearby is served from the edge.

10. The browser renders what arrived, and immediately discovers it needs more.

The second pass, which is the bigger one

The first response is only the HTML. Reading it reveals references to stylesheets, scripts, fonts and images, and each of those is another request.

Image
The HTML arrives first, and reading it reveals a dozen more resources, each of which is another request over the connection that is already open

This is where two things from earlier in the chapter start to matter.

The connection is reused. HTTP/1.1 keeps the TCP connection open, so steps 3 and 4 do not repeat for every file. Paying for a handshake per image would be ruinous.

The requests overlap. HTTP/2 sends many of them at once over that single connection instead of queueing them, which is what multiplexing means in HTTP/1.0 vs 1.1 vs 2.0 vs 3.0.

A page of forty resources is forty trips through steps 5 to 9. The first request is the one that pays for everything else.

Where the time actually goes

Count the round trips before the first byte of the page comes back, for a fresh connection over HTTPS.

StepRound trips
DNS lookup0 if cached, 1 or more if not
TCP handshake1
TLS handshake1 to 2
The request and its response1
Image
Three or four round trips before the first byte, which is why the distance to the server matters more than the speed of the server

Three or four round trips, before the server has done any work at all.

Now put a number on a round trip. Inside one data center it is under a millisecond, so the total is invisible. Across the world it is around 150 milliseconds, so those same three or four round trips are half a second of waiting on a server that has not started yet.

That single comparison explains most of what this course has covered about the network. DNS answers are cached so step 2 disappears. Connections are kept open so steps 3 and 4 do not repeat. Content is served from an edge near the user so every remaining round trip is short. Each of those exists to remove a round trip or to shorten one.

💡 Interviewers use this question to see whether you can hold a whole system in your head, not to test trivia. Walk it in order, and say what you are skipping: "DNS resolves the name, and I will assume a cache hit here." Naming a step and setting it aside is a stronger answer than getting lost in the details of one of them.

Key takeaway: The browser splits the URL into scheme, host and path, resolves the host name to an IP address through DNS, opens a TCP connection with a three-way handshake, and secures it with a TLS handshake if the scheme is HTTPS. The request usually reaches a CDN edge server first, and only on a miss does it continue to the origin, where a load balancer picks a server that checks a cache before the database. The HTML that comes back triggers a request for every resource it references, over the same connection. Three or four round trips are spent before the first byte, which is why caching DNS answers, reusing connections and serving from a nearby edge all matter so much.

That closes the chapter. Next is a Flashcards Review to lock in the terms, then a Chapter Assessment.

Discussion
Have a question or insight about this topic? Share it with the community.
Reading Progress
0%

On This Page