⭐ 0 ⭐ · 0 XP
Home › Module 1
⚡ Module 01 · Intermediate

Network Fundamentals (TCP/IP)

What if you could see the internet's secret blueprints? Let's explore the hidden layers that data travels through to get from your screen to a server across the world.

🛡️ WHITE HAT OATH: A true hacker protects the realm. Never test, scan, or attack networks you do not own. Never search for, track, or post personal information about real people. We build shields, not weapons!
🗺️

The Secret Journey of a YouTube Cat Video

The internet isn't a magical cloud. It's a real-world system of cables, computers, and rules. When you click on a video, your request zips across the globe in a flash. Here’s how it works, step-by-step.

1

The Chop 🪓

Your phone can't send a whole video at once. It chops your request into thousands of tiny digital envelopes called Packets. Each packet contains a small piece of the puzzle.

2

The Address 📮

Each packet gets a mailing address, called an IP Address. Your Wi-Fi router acts like a post office, reading the address and sending the packet on the fastest path toward the YouTube server.

3

The Right Door 🚪

The packet arrives at the giant YouTube server! But which door does it go to? It checks the Port Number. Think of ports as different doors for different services.

📺 PowerCert — "How the Internet Works in 5 Minutes" — A great visual guide to Packets and Routers.
🕵️

Your First Recon Mission: Browser Dev Tools

Ready to see what your browser is *really* doing? You have a set of secret tools built right in. It's time to look under the hood!

  1. On your keyboard, press F12 (or Cmd+Option+I on a Mac). This opens the Developer Tools. It looks complicated, but we're on a mission!
  2. In the new window that pops up, click the tab that says Network.
  3. With the Network tab open, refresh this page. Whoa! See all that text? That's your browser talking to our server in real-time.
  4. Your Mission: Find the file named cyber-int-1.html in the list. What was its 'Status'? If you see a green 200, it means 'OK' — the server sent the file successfully! You just intercepted your first network request! 😎

👨‍👩‍👧 Parent Corner

The Developer Tools are a safe, powerful feature included in every modern browser. It's like letting your child look under the hood of a car without any risk of breaking it. A great way to learn together is to open the Network tab on your favorite websites and see how they load. You'll be amazed at what you can discover!

🕵️ Security Clearance Quiz

If you want to host a secure website on your server, which Port must you open on your firewall?

Port 22
Port 443
Port 80

If a website uses http:// instead of https://, it's sending data through Port 80. This is like sending a postcard instead of a sealed envelope. Why is this risky?

It makes the website slower.
Anyone on the network can read your data.
It's not risky, it's just older.

🛰️ Go Pro: Real-World Port Scanning

🛡️ Safety Check: This is super important. You should only ever scan networks you have permission to scan. Probing a network without permission is illegal and against the White Hat Oath. Luckily, some awesome security pros have set up a website at scanme.nmap.org specifically for us to practice on safely.

Your Challenge: Use a free online tool like the MXToolbox Port Scanner to scan scanme.nmap.org. Your mission is to find out: Is Port 22 (SSH) open or closed? What about Port 80 (HTTP)? This is a genuine recon technique used by cybersecurity experts!

What This Looks Like in Code

When a programmer wants to get data from a website, they don't use a browser. They write code! This Python code does the same thing as your browser's GET request: 

import requests # A library for talking to websites

# Sending the GET request to the server
response = requests.get('https://scanme.nmap.org')

# Printing the server's response code (200 means OK!)
print(f"Server responded with status: {response.status_code}")

📚 Learn More

← Previous