DEV Community

Manoj Kumar
Manoj Kumar

Posted on

How a request originates from cllient and reaches the server ?

#beginners #networking #tutorial #webdev

🌐 How a Request Travels from Client to Server (Step-by-Step Guide)

Hi everyone 👋

Have you ever wondered what actually happens when you click a website link or search something on Google?

It may look instant, but behind the scenes, a lot of steps happen in milliseconds. Let’s break it down in a simple way 👍

📌 What is Client and Server?

  • Client → Your device (mobile, laptop, browser)
  • Server → A powerful computer that stores websites and data

👉 Example:

When you open a website, your browser is the client, and the website’s system is the server.

🚀 Step-by-Step Journey of a Request

Let’s understand what happens when you type a URL and press Enter.

🔹 Step 1: User Enters URL

You type something like:

www.example.com
Enter fullscreen mode Exit fullscreen mode

👉 This is just a human-friendly name. Computers don’t understand this directly.

🔹 Step 2: DNS Lookup (Finding the Address)

Your system contacts a DNS (Domain Name System) server.

👉 DNS converts:

www.example.com → 192.168.1.1 (IP Address)
Enter fullscreen mode Exit fullscreen mode

💡 Think of DNS like a phonebook of the internet.

🔹 Step 3: Request is Sent

Now your browser sends a request using a protocol called HTTP/HTTPS.

👉 Example request:

GET / HTTP/1.1
Host: www.example.com
Enter fullscreen mode Exit fullscreen mode

🔹 Step 4: Traveling Through the Internet

The request doesn’t go directly. It passes through:

  • Routers
  • Switches
  • Internet Service Provider (ISP)

👉 This path is called network routing.

🔹 Step 5: Server Receives Request

The server receives your request and processes it.

👉 It may:

  • Fetch data from a database
  • Run some backend code
  • Prepare a response

🔹 Step 6: Server Sends Response

The server sends back a response like:

HTTP/1.1 200 OK
Content-Type: text/html
Enter fullscreen mode Exit fullscreen mode

👉 Along with:

  • HTML (structure)
  • CSS (design)
  • JavaScript (functionality)

🔹 Step 7: Browser Displays Output

Your browser receives the response and:

  • Renders the page
  • Applies styles
  • Runs scripts

👉 Finally, you see the website 🎉

🔁 Simple Flow Summary 

User → Browser → DNS → Internet → Server → Response → Browser → Screen
Enter fullscreen mode Exit fullscreen mode

🧠 Real-Life Example

Think of it like ordering food 🍔:

  1. You place an order (request)
  2. Waiter takes it (network)
  3. Kitchen prepares food (server)
  4. Food is delivered (response)

⚡ Why is this Important?

  • Helps understand how the internet works
  • Useful for web development & networking
  • Common in interviews and exams

🔐 What About Security?

If the request uses HTTPS:

  • Data is encrypted 🔒
  • Safe from hackers

✅ Conclusion

Whenever you open a website:

  • A request is sent from your device
  • It travels through multiple systems
  • Reaches the server
  • Comes back as a response

All of this happens in just a few milliseconds ⚡

Thanks for reading 😊

Top comments (0)