Adventure 1

🖥️ Meet the Computer

Let's discover what computers are and how they work!

About 20 minutes

🎯 What You'll Learn

🤔

What IS a computer?

🗣️

How do we "talk" to computers?

🌐

What is a web browser?

1

What IS a Computer?

💡
Fun Fact!

A computer is like a super-fast helper that follows instructions!

A computer is a machine that can:

📥

Take In

It receives information (like when you type or click)

🧠

Think

It processes the information super fast

📤

Show

It displays the result (on the screen)

🎮 Try It: Computer Matching Game

Click on each item to see if it's a computer!

💻 Laptop
📱 Phone
🪑 Chair
🎮 Game Console
📚 Book
Smart Watch
2

How Do We Talk to Computers?

Computers don't understand English (yet)! They understand code.

🗣️ ➡️ 💻

Think of it like this:

If you want to talk to someone who speaks a different language, you need to learn their language!

Code is the language computers understand.

Types of "Code Languages" (Programming Languages)

HTML

Builds the structure of websites

Like the skeleton of a body!
CSS

Makes things look pretty

Like clothes and makeup!
JS

Makes things move and work

Like muscles and brain!

✨ See Code in Action!

Watch what happens when we run this simple code:

script.js
alert("Hello, I'm a computer! 🤖");
                                
3

Your Browser is Your Window to the Internet!

🌐
You're using a browser RIGHT NOW!

The program showing you this page is called a "web browser".

Popular Web Browsers

🔵

Chrome

🦊

Firefox

🧭

Safari

📘

Edge

🔍 Browser Scavenger Hunt!

Find these parts of your browser and check them off:

4

⭐ Input & Output Challenge!

Computers take INPUT (what you give them) and produce OUTPUT (what they show you)!

🎮 Input → Output Game

Match the INPUT to the correct OUTPUT! Drag and drop or click to match!

📥 INPUTS

⌨️ Type your name
🖱️ Click "Play" button
🎤 Say "Hey Siri"

📤 OUTPUTS

🎮 Game starts playing
🗣️ Siri responds to you
👋 "Hello, [Your Name]!"
5

⚡ Keyboard Speed Challenge!

⌨️
Keyboards are how we TALK to computers!

The faster you type, the faster you can create amazing things!

⚡ Quick Type Challenge!

Type the word that appears as fast as you can!

READY?
0
Words
30
Seconds
0
Streak 🔥
6

🔧 Build Your Own Computer!

Every computer has important parts. Can you put them together?

🖥️ Click each part to add it to your computer!

👆 Click parts above to build your computer!
🏆

Adventure 1 Complete!

You now understand what computers are and how we communicate with them!

🖥️
Badge Earned: Computer Expert

📊 Your Adventure Stats

0
Checkpoints ✓
0
Words Typed ⌨️
0
Matches Made 🎯

What's Next?

In Adventure 2, you'll build your very first webpage!

Continue to HTML Hero