DEV Community

bblackwind
bblackwind

Posted on

Day 2: Understanding Client-Server Architecture & How Websites Work

 Welcome back to my learning journal! ๐Ÿ‘‹

After covering the basics of how the internet works in Day 1, today I focused on one of the most important foundations of web development: Client-Server Architecture.

๐Ÿ”น What is the Client-Server Model?
The Client-Server model is the backbone of the internet.

Client โ†’ Your browser (Chrome, Firefox, Edge, etc.). It requests data.

Server โ†’ The computer hosting the website. It stores, processes, and delivers data.

๐Ÿ‘‰ In simple terms: The client asks, the server answers.

๐Ÿ”น Difference Between Client & Server
Client (Browser): Displays websites, runs scripts, manages the user interface.

Server (Hosting Computer): Stores website files, processes logic, interacts with databases.

๐Ÿ”น How the HTTP Request & Response Cycle Works
You type a website address.

The browser sends an HTTP request to the server.

The server processes it and sends an HTTP response back.

The browser renders the page for you to see.

This cycle repeats every time you click a link, load an image, or play a video.

๐Ÿ”น What Happens When You Visit a Website?
The domain is translated into an IP via DNS.

Your browser connects to the server hosting the site.

Files/data are sent back to your browser.

You see the website content on your screen.

๐Ÿ”น Frontend vs Backend
Frontend (Client-side): Everything visible to the user (UI, design, buttons, styles).

Backend (Server-side): The behind-the-scenes logic, APIs, databases, and processing.

๐Ÿ”น Static vs Dynamic Websites
Static: Fixed content (like a portfolio site). Same for everyone.

Dynamic: Content changes based on user or database (Instagram, YouTube, Amazon).

๐Ÿ”น Web Hosting: How Websites Go Live
A website must be stored on a server connected to the internet. Hosting providers rent out server space so your site is available 24/7 worldwide.

โœ… Day 2 Summary:
Today I understood how the Client-Server model works, how browsers and servers communicate via HTTP, and the basics of frontend/backend, static vs dynamic sites, and web hosting.

Tomorrow, Iโ€™ll go deeper into DNS resolution & IP addresses

Top comments (0)