Variables
Variables — the Concepts
A 15-step visual story: what a value is, why we name it, types, and how boxes collaborate.
Step 1
Concept
Meet the values
A friendly tour of the five families of things a program can hold — and what programmers call them.
Open
Step 2
Concept
Values without a home vanish
Howie tries to hold onto a value — it slips through and disappears.
Open
Step 3
Concept
A box appears — but it has no name
A box drops from the sky. Useful — but unnamed.
Open
Step 4
Concept
Howie sticks a name-tag on it
Name written, tag attached, box pulses in delight.
Open
Step 5
Concept
Pick the value, drop it in
Howie carries the value over and lowers it into the box.
Open
Step 6
Concept
Open it back up — value still there
Time passes. The value patiently waits inside.
Open
Step 7
Concept
Reading the value
Howie peeks in, takes a copy, reports it back — original untouched.
Open
Step 8
Concept
Replacing what's inside
Old value floats out, new value drops in. Same box.
Open
Step 9
Concept
The type stamp
A stamp slams down. The box is now locked to one type.
Open
Step 10
Concept
Wrong type? Bounces off
Howie tries to put text in a number-box. NOPE.
Open
Step 11
Concept
Right type? Welcome
Same type as the stamp — drops in smoothly.
Open
Step 12
Concept
Two more boxes join the scene
score and bonus stand side by side, both ready.
Open
Step 13
Concept
The × machine — boxes collaborate
Read both, multiply, store the answer in a fresh box.
Open
Step 14
Concept
All four boxes, glowing
Lined up in a satisfying row.
Open
Step 15
Concept
Watch it all in one breath
The full ~25-second cinematic recap.
Open
