What actually happens when you click "Like"?

You click a button, and boom — a heart appears. But behind that tiny click is a journey that travels hundreds of miles in milliseconds.

Today, we're going to look under the hood.

=

The Internet is a Giant Pizza Place

Your Web Browser (Chrome, Edge, Safari)

HTML — tells you what's available

CSS — makes the place look cool

When you type in a URL or click a link, you're ordering a meal.

"I would like one Profile Page, please!"

The waiter (HTTP request) takes your order from the table straight to the kitchen.

Client-Side Scripting

Button changes color when you touch it

"Password too short!" before you hit enter

Cooking tricks right at your table!

Server-Side Scripting

PHP lives in the kitchen (the server). It receives your order, checks if you're allowed to see that page, and builds it specifically for you.

<?php echo "Hello, " . $user_name; ?>

Data Storage

The Database is where all the ingredients live: Usernames, Passwords, High Scores, Photos.

"Hey! Give me the photo for User #42!"

"Here is the photo."

1 You (Browser) click "My Profile"

2 Request flies to the Server

3 PHP (Chef) catches the request

4 PHP asks the Database (Fridge) for your info

5 PHP cooks it into an HTML page

6 Server sends the page back to your phone

7 JavaScript makes the like button sparkle!

Right-click any webpage and hit "Inspect". You'll see the HTML (The Menu) and JavaScript (The Table Magic).

But you won't see the PHP or the Database. Why? Because the Chef never lets customers inside the kitchen!

Go home today, right-click on your favorite website, and click "Inspect". See how many HTML tags and CSS styles you can find!