Learn Networking
by Actually Seeing It

Ever wonder what happens when you type a URL and hit enter? Or how your WiFi reaches your phone through walls? These interactive tools let you visualize, simulate, and experiment with the same concepts that power the internet.

21
Interactive Labs
12
Free API Endpoints
0
Accounts Needed
Explore below
🌐

How the Internet Works

Watch packets hop across routers, see DNS turn domain names into IP addresses, and trace the path your data actually takes.

🔒

Cybersecurity Basics

See how HTTPS encrypts your connection, build firewall rules to block traffic, and understand how DDoS attacks overwhelm servers.

🔌

What APIs Are (and How to Use Them)

Call real API endpoints, see JSON responses, and get working code you can copy into your own projects in 4 languages.

🔢

The Math Behind It

Convert between binary, hex, and decimal. Calculate subnets, bandwidth, and see how computers think in ones and zeros.


🌐

Network Visualizers

These tools let you see what's normally invisible. When you visit a website, dozens of steps happen in milliseconds — packets get routed, DNS lookups resolve, TLS handshakes encrypt your connection. Pick any tool below and watch it happen in real time.

🌐
trace.route LIVE
Watch packets hop across real routers from your browser to any server on the internet. See latency at every stop.
→ Try tracing google.com
📚
OSI Model LIVE
The 7-layer model that explains how all networking works. Click each layer to see what it does and which protocols live there.
→ Start with Layer 1
📦
Packet Anatomy LIVE
Take apart a network packet like a digital X-ray. See every header field and what it means in plain English.
→ Dissect a TCP packet
🧮
Subnet Visualizer LIVE
Type a CIDR notation like 192.168.1.0/24 and instantly see network vs host bits, usable IPs, and subnet boundaries.
→ Try 10.0.0.0/8
🔍
DNS Resolver LIVE
Type any domain and watch it get resolved step-by-step — from the root servers all the way down to the final IP address.
→ Resolve github.com
🔒
TLS Handshake LIVE
See how your browser and a server agree on encryption before any data is sent. This is what puts the S in HTTPS.
→ Watch the handshake
🧱
Firewall Simulator LIVE
Write allow/deny rules and then throw test traffic at your firewall to see what gets through and what gets blocked.
→ Block port 80
🛡️
DDoS Visualizer LIVE
Simulate flood attacks, SYN floods, and amplification attacks. Then enable mitigation and watch the defense kick in.
→ Launch a SYN flood
🏠
Network Builder LIVE
Draw walls, place access points, and see a real-time WiFi heatmap. Test how materials like concrete and glass affect signal.
→ Design a floor plan
🤝
TCP Handshake NEW
Watch the 3-way handshake that starts every TCP connection. See SYN, SYN-ACK, and ACK packets with real sequence numbers.
→ Watch the 3-way handshake
🔎
Port Scanner NEW
Scan a virtual host and discover which ports are open, closed, or filtered. Learn what services run on common ports.
→ Scan localhost
🗺️
Routing Table NEW
Build a routing table entry by entry, then test packets to see which route matches using longest prefix match.
→ Add a route

🔐

Security Tools

Cybersecurity starts with understanding the basics. Test how strong your passwords really are, and learn the difference between encoding and encryption — a distinction that trips up even experienced developers.

🔐
Password Strength NEW
Type a password and see its entropy, brute-force time estimates, and detected patterns in real time. Learn why length beats complexity.
→ Test your password
🔄
Encoding Playground NEW
Convert between Base64, URL encoding, hex, and HTML entities. See exactly what happens to each character — and why encoding is not encryption.
→ Encode "Hello World"

📡

Web & API Tools

Every time your browser loads a page, it's speaking HTTP. These tools let you see exactly what's being sent and received, and work with the data formats that power modern web applications.

📡
HTTP Inspector NEW
Build HTTP requests visually and see the raw text your browser actually sends. Explore status codes, headers, and methods.
→ Build a GET request
🧩
JSON Parser NEW
Paste JSON and see it validated, formatted, and displayed as a collapsible tree. Click any value to copy its path.
→ Paste some JSON

🔧

Utility Tools

Networking runs on numbers. These calculators help you convert between the number systems computers use and figure out real-world questions like "how long will this download take?"

🔢
Binary Converter NEW
Convert between binary, decimal, hex, and octal. Toggle individual bits, decode IP addresses, and look up ASCII characters.
→ Convert 255 to binary
📊
Bandwidth Calculator NEW
Figure out download times, compare connection speeds, and plan data transfers with real overhead calculations.
→ How long for a 50GB game?
🔤
Regex Tester NEW
Write regular expressions and test them against sample text in real time. See matches highlighted with capture groups explained.
→ Try matching emails
Cron Builder NEW
Build cron expressions visually, see a plain English translation, and preview the next 5 scheduled run times.
→ Schedule "every weekday at 9am"

🔌

API Explorer

APIs are how apps talk to each other. This tool gives you 12 free endpoints to practice with — no sign-ups, no API keys. Hit a button, get JSON back, and copy working code straight into your projects.

🔌
API Explorer NEW
Test all 12 endpoints interactively. Get syntax-highlighted responses and copy-paste code in JavaScript, Python, cURL, and Java.
→ Try /api/v1/users
📡
More APIs Coming Soon
We're building more endpoints for you to practice with. Have an idea? Let your instructor know.