Learn Web Development – Part 2 – How the Internet Works

A simple beginner-friendly explanation of how websites load when you enter a URL in your browser.


In the previous part, we learned what web development is. Now it’s time to understand something very important — how the internet actually works.

Every time you open a website, a lot of things happen behind the scenes within seconds. Let’s break it down in the simplest way possible.

What is the Internet?

The internet is a global network of connected computers that communicate with each other.

These computers share information using special rules called protocols.

The internet is simply a massive network that allows computers and servers around the world to talk to each other.

What Happens When You Type a Website URL?

Let’s say you type a website address in your browser and press Enter.

Here is what happens step-by-step:

  1. You enter a URL in your browser.
  2. The browser finds the server where the website is stored.
  3. The browser sends a request to that server.
  4. The server processes the request.
  5. The server sends back website files (HTML, CSS, JS).
  6. The browser displays the website on your screen.

This entire process usually takes less than a second.

Important Components You Must Understand

1. Browser

A browser is software that allows you to access websites.

Examples include Chrome, Firefox, Safari, and Edge.

The browser’s job is to request files from servers and display them properly.

2. Server

A server is a powerful computer that stores website files and responds to browser requests.

When someone visits a website, the server sends the required data back to the browser.

3. Domain Name

A domain name is the website address that users type in the browser.

Example format:

  • example.com
  • yourwebsite.in

It is easier to remember than an IP address.

4. IP Address

An IP address is the actual numeric address of a server.

Example:

192.168.1.1

Since numbers are hard to remember, we use domain names instead.

5. DNS (Domain Name System)

DNS converts a domain name into its corresponding IP address.

Think of DNS as the internet’s phonebook.

DNS helps your browser find the correct server when you type a domain name.

6. HTTP & HTTPS

HTTP (HyperText Transfer Protocol) is the communication rule used between browsers and servers.

HTTPS is the secure version of HTTP.

When you see a lock icon in your browser, it means the website is using HTTPS.

Simple Flow of Internet Communication

Here’s a simplified version of what happens:

  1. User enters domain name
  2. DNS finds IP address
  3. Browser sends HTTP request to server
  4. Server sends back HTML, CSS, JavaScript files
  5. Browser renders the website

Where is the Website Stored?

Websites are stored on servers provided by hosting companies.

This is called web hosting.

Without hosting, your website cannot be accessed on the internet.

Why Understanding the Internet is Important

  • Helps you understand frontend and backend clearly
  • Makes deployment easier to learn
  • Helps you troubleshoot website issues
  • Builds strong web development foundation

What’s Next?

Now that you understand how the internet works, in the next part we will clearly explain the difference between websites and web applications.

Next: Learn Web Development – Part 3 – What is a Website & Web Application? →


Series: Learn Web Development Series

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Articles from the Series

learn-web-development-part-15-how-to-start-your-first-project-cover
Learn Web Development – Part 15 – How to Start Your First Project
Learn Web Development – Part 15 – How to Start Your First Project A practical guide to building your...
learn-web-development-part-14-web-developer-career-roadmap-cover
Learn Web Development – Part 14 – Web Developer Career Roadmap
Learn Web Development – Part 14 – Web Developer Career Roadmap A beginner-friendly roadmap to becoming...
learn-web-development-part-13-tools-every-web-developer-should-know-cover
Learn Web Development – Part 13 – Tools Every Web Developer Should Know
Learn Web Development – Part 13 – Tools Every Web Developer Should Know Essential tools that help developers...
learn-web-development-part-12-what-is-an-api-cover
Learn Web Development – Part 12 – What is an API?
Learn Web Development – Part 12 – What is an API? Understanding how different systems communicate in...
learn-web-development-part-11-what-is-a-framework-cover
Learn Web Development – Part 11 – What is a Framework?
Learn Web Development – Part 11 – What is a Framework? Understanding how frameworks help developers build...
learn-web-development-part-10-what-is-a-cms-cover
Learn Web Development – Part 10 – What is a CMS?
Learn Web Development – Part 10 – What is a CMS? Understanding Content Management Systems and how they...
learn-web-development-part-9-what-is-hosting-and-domain-cover
Learn Web Development – Part 9 – What is Hosting & Domain?
Learn Web Development – Part 9 – What is Hosting & Domain? Understanding domain names and web hosting...
learn-web-development-part-8-how-a-website-is-built-cover
Learn Web Development – Part 8 – How a Website is Built Step-by-Step
Learn Web Development – Part 8 – How a Website is Built (Step-by-Step Process) Understanding the complete...
learn-web-development-part-7-what-is-a-database-cover
Learn Web Development – Part 7 – What is a Database?
Learn Web Development – Part 7 – What is a Database? Understanding how websites store and manage information...
learn-web-development-part-6-introduction-to-backend-technologies-cover
Learn Web Development – Part 6 – Introduction to Backend Technologies
Learn Web Development – Part 6 – Introduction to Backend Technologies Understanding server-side technologies...
Scroll to Top