DEV Community: Oluwatosin Babatunde

🌐 How the Internet Works (From Your Device to a Website)

Oluwatosin Babatunde — Tue, 14 Apr 2026 06:00:03 +0000

Ever wondered what actually happens when you open a website

Every time you open a website, a complex system of processes works together in milliseconds- most of it completely invisible to you.

This guide breaks that journey down from step by step, from the moment you type a URL, to the moment the page appears on your screen, to beginners who want to understand what happens behind the scene when they open a website, no technical background required.

📌 Table of Contents

What is the Internet?
Core Components
Step-by-Step: Device → Website
Visual Flow Diagram
Protocols Explained
Understanding the Complete Flow
Key Takeaways

🌍 What is the Internet?
The internet is a global network of interconnected computers that communicate using standardized protocols.
It allows devices worldwide to:

Share data
Access websites
Send messages
Stream content

Understanding what the internet is sets the stage for understanding how it delivers a webpage to you in under a second.

🧱 Core Components of the Internet
Before understanding how a website loads, you need to know the key players:

🖥️ 1. The Client (Your Device)
This can be your phone, laptop, or tablet.
The client:

Sends requests to access a website
Uses a browser to communicate with servers
Displays the website after receiving a response
Think of the client as the request sender and display screen.

🌐 2. The Server
The server is a powerful computer that:

Stores website files (text, images, videos etc.)
Waits for requests from clients
Sends back the requested data
Think of the server as the provider of website content.

📡 3. ISP (Internet Service Provider)
The ISP:

Connects your device to the internet
Provides access through mobile data, Wi-Fi, or broadband
Routes your data across networks
Think of the ISP as your gateway to the internet.

🔍 4. DNS (Domain Name System)

Converts domain names (like example.com) into IP addresses
Helps your browser find the correct server
It works like the internet’s address book.

🔀 5. Routers

Direct data across networks
Decide the best path for data to travel
Help move information between your device and the server
They act as traffic guides for data.

⚙️ Step-by-Step: Device → Website
Let’s walk through what happens when you enter a URL like:
https://www.example.com

🔹 Step 1: Entering the URL
You type the website address into your browser.
This is called a URL (Uniform Resource Locator)—the address of a resource on the internet.

🔹 Step 2: DNS Lookup
The browser needs the IP address of the server.
It:

Checks local cache
Queries a DNS server
Receives the IP address Example: example.com → 93.184.216.34

🔹 Step 3: Establishing a Connection (TCP)
The browser and server establish a connection using the TCP 3-way handshake:
Client → SYN
Server → SYN-ACK
Client → ACK
This ensures a reliable connection before data is transferred.

🔹 Step 4: Sending an HTTP Request
The browser sends a request:
GET / HTTP/1.1
Host: example.com
If HTTPS is used, the connection is encrypted for security.

🔹 Step 5: Data Travels as Packets
Data is broken into small units called packets.
Each packet includes:

Source IP
Destination IP
Data Packets may travel different paths across the network before reaching the destination.

🔹 Step 6: Server Processes the Request
The server:

Receives the request
Processes it
Retrieves required data
Prepares a response

🔹 Step 7: Server Sends a Response
The server sends back:
HTTP/1.1 200 OK
Along with: HTML, CSS, JavaScript, Images

🔹 Step 8: Browser Renders the Page
The browser:

Reassembles packets
Parses HTML
Applies CSS
Executes JavaScript
Finally, the website appears on your screen.

🌐 Packet-Level Visualization
[Request] Client → [Packet] → Router → [same Packet forwarded]→ Server [Response] Server → [Packet ] → Router → [same Packet forwarded] → Client
Note: Routers forward packets- they do not replace or rename them. The same packets travels the full journey from source to destination.

🔗 Protocols That Power the Internet
There are protocols that power the internet. These are the:

Protocol	Role
IP	Identifies devices using unique addresses
TCP	Ensures data is delivered reliably and in order
HTTP	Defines how web requests and responses are sent between browser and server
HTTPS	A secure version of HTTP that encrypts data during transmission
DNS	Converts domain names into IP addresses

🔄 Understanding the Complete Flow
Opening a website may feel instant, but it involves several systems working together behind the scenes.

Your device first finds the website’s location using DNS, then establishes a connection and sends a request. That request travels across networks to a server, which responds by sending the data back in small pieces.

Your browser then puts everything together and displays the webpage.

🚀 Key Takeaways

The internet is a client-server system
Websites are accessed via URLs
DNS translates names to IP addresses
Data is transmitted in packets
TCP/IP ensures reliable communication
Browsers turn code into visual pages

💡Final Thoughts
Understanding how the internet works, changes the way you see every website you visit. The next time a page is slow to load, you will know exactly which part of the journey is taking time. And if you want to see it all in action, open your browser's developer tools (press F2), click the Network tab, and load any website. You will see the actual HTTP requests and responses happening live, proof that everything in this guide is real.

Have questions or found this helpful? Share your thoughts in the comments and tag your post #webdev, if you write about what you discovered.

Technical Writing for Beginners: A Simple Guide with Examples

Oluwatosin Babatunde — Fri, 20 Mar 2026 14:21:36 +0000

Have you ever tried to follow instructions in a software program, only to end up more confused than when you started?

This often happens when instructions are not written clearly or when too many technical terms are used without explanation. Good technical writing helps solve this problem by making complex information easier to understand.

In this guide, you will learn what technical writing is, see practical examples, and discover a few simple tips to help you get started as a beginner technical writer.

What is Technical Writing?

Technical writing is the process of writing complex information into easy-to-understand content. However, the goal is not to sound complicated, but make things simple for the readers to understand.

Example

Instead of saying:

The application facilitates communication between users.

A technical writer will write:

The app allows users to send messages to each other.

In this example, the second sentence replaces the complex and formal terms (facilitates, communication) in sentence one, with direct verbs (allows, send). This makes the information easier for readers to understand.

The main goal of a technical writer is to turn complicated ideas into clear instructions that users can quickly follow.

Other Examples

Topic 1: How to Install a Mobile App

Complex Example

After downloading the application, execute the installation procedure and configure the settings appropriately.

This sounds too complex and unclear.

Simple Technical Writing Example

How to Install the App

Open the Google Play Store
Search for the app name
Tap Install
Wait for the download to finish
Open the app and follow the setup instructions

This version works for three reasons:

It uses numbered steps so readers can track their progress
It uses plain, active verbs (tap, search, open) instead of vague ones (execute, configure)
It speaks directly to the reader using "you"

These three habits: numbered steps, active verbs, second person voice are cornerstones of good technical writing.

Topic 2: Connecting to Wi-Fi

Complex Example

Establish a wireless network connection by opening the device network configuration interface, selecting the desired SSID and providing the correct security credentials.

Simple Technical Writing Example

Open Settings → Wi-Fi, select your network, enter the password and tap Connect.

The other example is preferable because it changed the technical jargon (establish, configuration, desired SSID) used to relatable verbs (open, select, enter). This process compressed the first example into simple instructions, which is the purpose of technical writing.

Where Technical Writing Is Used

Technical writing is used in many areas of technology, such as:

Software Documentation

These are guides that explain how software works and how to use it.

Example: A guide explaining how to use Microsoft Word or Zoom features.
Product Manuals

Step-by-step instructions for setting up or using a product.

Example: A phone or blender manual.
Tutorials and Guides

Instructions that teach users how to complete a task.

Example: How to create a Gmail account.
Instructions for Developers

Instructions on how to use software tools, apps, or services.

Example: Using an API.
Help Center Articles

Short articles that answer common questions or solve problems.
Technical Blog Posts

Articles that explain technical topics in a simple way.

Tools Used for Technical Writing

When starting technical writing, some tools can make the process easier.

Markdown

A simple formatting language used for writing structured documents.
Google Docs

Useful for drafting articles, editing content and collaborating.
Grammarly

Helps check grammar, spelling and clarity.
Notion

Helpful for organizing notes and writing ideas.
Hashnode

A platform for writing and publishing technical blogs.
Confluence

Used by companies for internal documentation.

If you're just starting out, begin with Google Docs and Grammarly. You can learn the others as you grow.

Tips for Beginners

1. Audience Awareness

Before you write a single sentence, ask yourself:

Who will read this?
What do they already know?
What do they need to be able to do after reading this?
What is the simplest way to explain this?

Knowing your audience is what separates useful technical writing from writing that just sounds technical.

2. Start with Easy Topics

Begin by picking simple tasks like:

How to reset a password
How to send an email

3. Avoid Hard Words

Use simple words everyone can understand.

Instead of:

Authenticate your credentials

Write:

Enter your username and password

4. Use Headings and Lists

Break your content into headings and lists.

Example: How to Take a Screenshot

Press the Power and Volume Down buttons together
Wait for the screen to flash
Open your gallery to view the screenshot

5. Give Examples

Show how things work with short examples. Use step-by-step instructions or screenshots to improve understanding.

6. Practice Writing

Write short, simple guides regularly.

Create a mini-guide like:

How to share a file online

Try publishing it on a blog.

Conclusion

Practicing technical writing helps you communicate clearly, think logically, and solve problems step by step. It also builds a portfolio that shows your skills to potential employers or collaborators.

Start small. Pick any app or tool you use daily and write a step-by-step guide explaining how to use it.

Share it on dev.to and tag it #technicalwriting. The feedback you receive will accelerate your growth faster than writing in private.

The more you practice explaining technical topics clearly and simply, the better you will become.