🌐 Web Development Roadmap — Part 5
🖥️ What Is a Web Server?
A web server is a system that receives requests from clients, processes them, and sends web content or data back.
In simple terms:
A web server receives a request and provides the requested website or resource.
Remember the basic flow:
Browser
↓
Request
↓
Web Server
↓
Response
↓
Browser
🧩 What Does a Web Server Do?
A web server mainly performs three important tasks.
1️⃣ Receives Requests
When you open a website, your browser sends a request.
For example:
Browser
↓
"Give me the homepage"
↓
Web Server
2️⃣ Processes the Request
The server determines what needs to be returned.
For a simple website, it might find an HTML file.
For a web application, it might need to:
Receive request
↓
Run application logic
↓
Check database
↓
Prepare result
3️⃣ Sends a Response
The server sends something back to the browser.
It could be:
HTML
CSS
JavaScript
Images
JSON data
Other files
For example:
Server
↓
HTML + CSS + JavaScript
↓
Browser
📁 Static Website Example
Suppose a server has these files:
website/
│
├── index.html
├── style.css
├── script.js
└── logo.png
When someone requests the homepage, the server can send these resources to the browser.
The browser then uses them to display the website.
⚙️ Dynamic Website Example
Now imagine an online shopping application.
You request:
/product/123
The server might:
Browser
↓
Request product 123
↓
Server
↓
Check application logic
↓
Database
↓
Find product 123
↓
Server prepares response
↓
Browser
The response could contain information such as:
Product name
Price
Description
Availability
Reviews
This is why web servers are particularly important for web applications.
🏪 Real-World Example
Think about a restaurant.
You are the customer.
You ask:
"I'd like a pizza."
The restaurant receives your request, prepares the pizza, and gives it to you.
Similarly:
You / Browser
↓
Request
↓
Server
↓
Processes request
↓
Response
↓
Browser
The analogy isn't exact, but it helps understand the basic idea.
🖥️ Web Server Software
A physical or virtual computer can act as a server, but web server software is what handles HTTP requests and serves web content.
Common examples include:
Nginx
Apache HTTP Server
Microsoft IIS
Later, when we learn backend development, you'll also encounter application servers and runtimes such as Node.js.
For now, remember that "server" can refer to the machine/system, while "web server" can also refer to the software responsible for serving web content.
🌐 Server vs Website
These are not the same thing.
A website is the web content and application users interact with.
A server is the system that can store, process, and deliver that content.
For example:
Website
↓
HTML
CSS
JavaScript
Images
Data
Server
↓
Stores/serves resources
Processes requests
Communicates with databases
🧠 Important Concept: Server Doesn't Always Mean One Physical Computer
Modern websites can run on:
Virtual machines
Cloud infrastructure
Containers
Distributed systems
Multiple servers
A large application might have many servers working together.
We don't need to dive into that yet.
We'll understand it later when we study deployment, cloud, scalability, and DevOps.
🔄 Quick Revision
Remember:
Browser = Client
Server = Receives requests and provides resources/services
Request = What the client asks for
Response = What the server sends back
The basic cycle:
Client
↓
Request
↓
Server
↓
Processing
↓
Response
↓
Client
This simple concept will appear repeatedly throughout the course.
📝 Double Tap ❤️ For Part-6
