Web Technologies β€Ί Level 02
LEVEL 02 Β· WEB FUNDAMENTALS

Internet and Web Architecture

Understand how devices communicate across the Internet, how domain names become IP addresses, how ports identify services, and how browsers reach web servers and applications.

🌐 Internet Architecture πŸ“š Beginner ⏱️ 45–60 Minutes 🎯 Placement Focus
01

Learning Objectives

Build a strong mental model of how the Internet delivers a web request.

🌍

Internet Architecture

Understand how networks and devices communicate with each other.

πŸ“

IP Addresses

Learn why devices need addresses to communicate.

πŸ”Ž

DNS

Understand how a domain name is translated into an IP address.

πŸšͺ

Port Numbers

Understand how ports help identify network services.

πŸ–₯️

Servers

Distinguish web servers, application servers and databases.

πŸ”„

Request Journey

Trace a request from the browser to the server and back again.

02

What Is Internet Architecture?

The Internet is a collection of interconnected networks that communicate using standardized protocols.

The Internet is not one single computer or one giant machine. It is a large collection of interconnected networks that allow devices to exchange data.

A device can communicate with another device through multiple networking components and service providers. Routers help forward packets toward their destination.

When we access a website, several layers work together: the user's device, local network, Internet service provider, DNS services, routers, servers and application software.

πŸ’‘
Think of the Internet as a road network

Devices are like houses, IP addresses are like addresses, routers are like intersections, and protocols are like agreed traffic rules.

03

Basic Components of Internet Communication

Several components participate in delivering a request.

πŸ’»

Client Device

Your computer, laptop, phone or other device that starts a request.

CLIENT
πŸ“‘

Network

Connects devices and carries data between them.

CONNECTIVITY
πŸ”€

Router

Forwards network packets toward appropriate destinations.

ROUTING
πŸ”Ž

DNS

Helps map domain names to IP addresses.

NAME RESOLUTION
πŸ–₯️

Web Server

Receives web requests and returns resources or responses.

SERVER
βš™οΈ

Application Server

Runs application logic and processes dynamic requests.

PROCESSING
πŸ—„οΈ

Database

Stores persistent application data for later retrieval.

DATA
🏠

Hosting

Provides infrastructure where websites and applications can be made available.

INFRASTRUCTURE
04

What Is an IP Address?

A network address helps identify a device or network interface.

An IP address is a numeric address used in Internet Protocol communication.

A common IPv4 address contains four numeric parts. For example:

203.0.113.25

IPv6 uses a much larger address space and represents addresses using hexadecimal notation.

Remember: A domain name is designed for humans to remember; an IP address is used by networking systems for communication.
05

Public and Private Network Addresses

Addresses can have different scopes depending on where they are used.

🌍

Public IP

Used for communication beyond a private local network.

βœ” Used for externally reachable communication
βœ” Assigned within an Internet service context
βœ” Can identify an Internet-facing endpoint
VS
🏠

Private IP

Used inside a private network such as a home, school or company network.

βœ” Used within local networks
βœ” Commonly used by routers and local devices
βœ” Not directly Internet-routable as a private address
06

DNS β€” Domain Name System

DNS helps translate human-friendly domain names into addresses used for network communication.

Imagine having to remember a numeric IP address for every website you visit. That would be difficult.

Instead, we use domain names such as:

codebhavya.com

DNS provides the naming system that helps clients find the address associated with a domain name.

01
User enters domain codebhavya.com
↓
02
DNS resolution Domain β†’ network address
↓
03
Browser connects to destination Network communication can begin
07

DNS Resolution β€” A Little Deeper

DNS is a distributed system rather than one single database.

A

Browser / OS Cache

Previously resolved information may already be available locally for a period of time.

B

Recursive Resolver

A resolver can perform DNS queries on behalf of the client.

C

Root DNS

The root system helps direct queries toward appropriate top-level domain infrastructure.

D

TLD DNS

Top-level domains include systems for extensions such as .com, .org and country-code domains.

E

Authoritative DNS

The authoritative service provides the DNS information for a domain.

F

DNS Record

Records can provide addresses and other information associated with a domain.

Important: DNS can involve several layers of resolution and caching. The complete process is more detailed than a simple β€œdomain directly becomes IP” picture.
08

Understanding a Web Address

A URL identifies the location and access method of a resource.

https://www.codebhavya.com/Web-Technologies/lesson.html?id=2#dns
01

Scheme

https identifies the protocol scheme being used.

02

Host

www.codebhavya.com identifies the destination host.

03

Path

/Web-Technologies/lesson.html identifies the requested resource path.

04

Query

?id=2 carries query parameters.

05

Fragment

#dns identifies a location within the loaded document.

09

Port Numbers

An IP address identifies a network endpoint; ports help identify services at that endpoint.

Port Common Service Typical Use
80 HTTP Traditional HTTP web traffic
443 HTTPS Encrypted HTTP web traffic
22 SSH Secure remote administration
25 SMTP Traditional email transfer
53 DNS DNS service communication
πŸšͺ
Simple analogy

Think of an IP address as the address of a building and a port as a specific door or service entry point inside that building.

10

What Is Web Hosting?

Hosting makes web resources or applications available from Internet-connected infrastructure.

STATIC HOSTING

Static Website Hosting

HTML
↓
CSS
↓
JavaScript

Static files can be served directly to browsers.

APPLICATION HOSTING

Dynamic Application Hosting

Browser
↓
Application
↓
Database

Applications can execute logic and work with stored data.

11

Web Server vs Application Server

These terms describe different responsibilities in multi-layer web architectures.

πŸ–₯️

Web Server

Commonly handles HTTP requests and serves web resources, and may also act as a reverse proxy.

βœ” Static files
βœ” HTTP handling
βœ” Reverse proxy roles
βœ” TLS termination in some deployments
VS
βš™οΈ

Application Server

Commonly executes application code, business rules and dynamic processing.

βœ” Business logic
βœ” Dynamic responses
βœ” Database interaction
βœ” Authentication/application services
12

Three-Tier Web Architecture

A common architecture separates presentation, application logic and data.

01
Presentation Layer Browser Β· HTML Β· CSS Β· JavaScript Β· UI
↓
02
Application / Business Layer PHP Β· Servlets Β· JSP Β· APIs Β· Business Logic
↓
03
Data Layer Database Β· JDBC Β· SQL Β· Persistent Data
Why separate layers? Separating responsibilities can make applications easier to develop, maintain, secure and scale.
13

Premium Visualizer β€” From Domain to Database

Trace what happens when a browser requests a dynamic web page.

INTERNET ARCHITECTURE TRACE
Step 1 of 8
πŸ‘€
STEP 01

User Requests a Website

The user enters a domain name in a browser.

https://codebhavya.com

What the tracer teaches

01

DNS helps the client discover where the requested domain should be reached.

02

A request may pass through several network and server components before application processing.

03

The database is normally behind the application layer rather than communicating directly with the browser.

14

Real-World Example β€” Student Portal

Let's apply the architecture to a college application.

Student Login

A student enters a portal URL and submits a username and password.

The browser sends the request to the appropriate server. The application processes the login information.

The application may query a database and then return a result to the browser.

πŸ‘¨β€πŸŽ“ Student
↓
🌐 Browser
↓
πŸ–₯️ Web Server
↓
βš™οΈ Application
↓
πŸ—„οΈ Student Database
15

Remember These Relationships

These simple connections will help throughout the course.

🌐 Domain

Human-friendly name

πŸ“ IP

Network address

πŸ”Ž DNS

Name resolution

πŸšͺ Port

Service endpoint

πŸ–₯️ Web Server

Web request handling

βš™οΈ Application

Business logic

πŸ—„οΈ Database

Persistent data

πŸ”„ Protocols

Communication rules

16

Common Beginner Mistakes

Avoid these common misunderstandings.

❌

Domain = IP

A domain name is a human-friendly name; DNS helps resolve it to addressing information.

❌

IP = Port

An IP address and port have different roles in network communication.

❌

Browser Talks Directly to Database

Typical applications place application or service logic between the client and database.

❌

Web Server = Whole Application

A larger application can contain separate web, application and data layers.

17

Interview Preparation

Think first, then click a card to reveal the answer.

INTERVIEW QUESTION
01

What is an IP address?

Think about how a network identifies an endpoint.

Click to reveal answer
ANSWER
βœ“

IP Address

An IP address is an address used in Internet Protocol communication to identify a network endpoint or interface. IPv4 and IPv6 are the two major versions used today.

Click again to return to the question.
INTERVIEW QUESTION
02

What is DNS?

Think about how domain names are resolved.

Click to reveal answer
ANSWER
βœ“

Domain Name System

DNS, or Domain Name System, is a distributed naming system that helps resolve domain names to network-related information such as IP addresses.

Click again to return to the question.
INTERVIEW QUESTION
03

Why are port numbers needed?

Think about multiple services running on one host.

Click to reveal answer
ANSWER
βœ“

Port Numbers

Port numbers help identify the network service or application endpoint associated with communication on a host.

Click again to return to the question.
INTERVIEW QUESTION
04

What is web hosting?

Think about where website resources and applications are made available.

Click to reveal answer
ANSWER
βœ“

Web Hosting

Web hosting provides infrastructure through which website resources or web applications can be made available to Internet users.

Click again to return to the question.
INTERVIEW QUESTION
05

What is the difference between a web server and an application server?

Think about web-resource handling versus application processing.

Click to reveal answer
ANSWER
βœ“

Web Server vs Application Server

A web server commonly handles HTTP traffic and web resources, while an application server commonly executes application logic and dynamic processing. In real deployments, the boundary depends on the architecture and software stack.

Click again to return to the question.
18

Quick MCQs

Check your understanding of Internet architecture.

MCQ 01 EASY

Which system helps translate domain names into network addressing information?

MCQ 02 EASY

Which port is commonly associated with HTTPS?

MCQ 03 MODERATE

Which layer is primarily responsible for business logic in a three-tier application?

MCQ 04 MODERATE

Which component normally stores persistent application data?

19

Practice Problems

Test yourself without referring to the lesson.

01

Explain Internet architecture in your own words.

02

Explain the difference between a domain name and an IP address.

03

Explain the purpose of DNS with a real-world analogy.

04

Explain why an IP address and port number are both useful in network communication.

05

Draw a three-tier architecture for a college student portal.

06

Trace the path of a request from a browser to a database.

20

Quick Revision

The concepts you should remember before Level 03.

🌐 Internet

Interconnected networks

πŸ“ IP Address

Network endpoint address

πŸ”Ž DNS

Name resolution system

πŸšͺ Port

Service endpoint

🏠 Hosting

Web infrastructure

πŸ–₯️ Web Server

Web request handling

βš™οΈ Application Server

Application processing

πŸ—„οΈ Database

Persistent storage

21

Glossary

Click a term to flip the card and reveal its meaning.

TERM
IP Address
Click to see meaning
DEFINITION

IP Address

An address used in Internet Protocol communication to identify a network endpoint or interface.

TERM
DNS
Click to see meaning
DEFINITION

DNS

A distributed naming system used to resolve domain names to network-related information.

TERM
Port
Click to see meaning
DEFINITION

Port

A numbered endpoint associated with network services on a host.

TERM
Hosting
Click to see meaning
DEFINITION

Hosting

Infrastructure used to make websites and web applications accessible to users.

TERM
Web Server
Click to see meaning
DEFINITION

Web Server

Software or a server system that commonly handles HTTP requests and returns web resources or responses.

TERM
Application Server
Click to see meaning
DEFINITION

Application Server

A server-side runtime or system that executes application logic and dynamic processing.

TERM
Three-Tier Architecture
Click to see meaning
DEFINITION

Three-Tier Architecture

An architecture that separates presentation, application/business logic and data responsibilities.

TERM
Router
Click to see meaning
DEFINITION

Router

A networking device or function that forwards packets toward their destinations.

🎯

Key Takeaway

A web request is part of a larger Internet journey. A browser uses domain names, DNS helps discover addressing information, network communication reaches a server, and the server-side architecture may involve application logic and databases before a response returns to the browser.

This mental model will become extremely important in the next levels when we study URLs, HTTP and HTTPS in detail.

βœ“
LEVEL 02

Internet and Web Architecture

Finish the lesson and mark this topic as completed.