Interactive Learning Platform

Learn How Computers Really Work

From binary code to network packets - master the fundamentals through hands-on exploration

0 Topics Explored
0 Challenges Done
0 XP Earned 
while(learning) {
  explore();
  practice();
  skills++;
}
Module 01

Computer Hardware

Explore the physical components that make computers work

Enter 3D Computer Lab
CPU
GPU
RAM
Storage
Motherboard
PSU

Click a component to learn about it

Binary Laboratory

Computers only understand 1s and 0s. Try converting numbers!

0128
064
032
016
08
04
02
01
Click the bits above to toggle them on/off
Module 02

Introduction to Coding

Learn the fundamentals of programming logic

Variables

Containers that store data

Click to learn

Conditions

Make decisions in code

Click to learn

Loops

Repeat actions automatically

Click to learn

Functions

Reusable blocks of code

Click to learn

Code Playground

script.js
Output

Click "Run" to see output here...

Code Challenges

Easy Hello World
+10 XP
Easy Sum Two Numbers
+15 XP
Medium Count to 10
+25 XP
Hard FizzBuzz
+50 XP
Module 03

Computer Networking

Understand how computers communicate across the globe

IP Addresses

Unique identifiers for devices

DNS

The internet's phone book

Packets

How data travels in pieces

Protocols

Rules for communication

Network Simulator

Watch how data travels across the internet

Your Device
IP: 192.168.1.100
Router
Gateway
ISP
Internet Provider
Internet
Global Network
Web Server
IP: 172.217.14.206

Select a request type and click "Send Request" to simulate network traffic

Packet Inspector

See what's inside a network packet

Ethernet Frame Layer 2
Destination MAC: AA:BB:CC:DD:EE:FF
Source MAC: 11:22:33:44:55:66
IP Header Layer 3
Source IP: 192.168.1.100
Dest IP: 172.217.14.206
TTL: 64
TCP Header Layer 4
Source Port: 54321
Dest Port: 443
Flags: SYN, ACK
Application Data Layer 7
Protocol: HTTPS
Request: GET /index.html
Module 04

Command Line Basics

Learn to navigate computers like a pro using the terminal

Linux/Bash

Welcome to Bagel Byte Terminal!

Type help to see available commands.

bagelbyte:~$

Common Commands

ls List files and folders
cd Change directory
pwd Print working directory
mkdir Create a new folder
cat View file contents
clear Clear the terminal
ping Test network connection
ipconfig Show network info

Terminal Challenges

File Navigator Navigate to the secret folder
+20 XP
File Creator Create a new directory called "myproject"
+25 XP
Network Explorer Find your IP address
+30 XP
Test Yourself

Knowledge Quizzes

Put your learning to the test

Hardware Basics

5 questions about computer components

Not attempted

Binary & Data

5 questions about binary numbers

Not attempted

Coding Concepts

5 questions about programming

Not attempted

Networking

5 questions about computer networks

Not attempted
+10 XP
Achievement Unlocked!