Tap or drag arrow blocks to guide a robot to the donut. Your first program — steps in order!

Fill a garden with flowers using a Repeat block. Learn how loops do the same thing again and again.

The robot crashes into a rock! Find the wrong arrow and remove it. This is called debugging.

Command a spaceship with if/else decisions! Choose paths, set conditions, and see your logic decide the mission outcome.

Arrange instruction blocks in the right order to make a robot move to the target. Wrong order = robot goes the wrong way!

Learn cause and effect! If something happens, then something else follows. Tap the right IF-THEN rule to handle each island event!

Find the repeating pattern! Tap blocks to build a loop that fills the jungle with flowers, stars, and more. Patterns = loops in code!

Find the bug! A wrong block is hiding in the code. Tap the broken block, then pick the right one to fix it. That's called debugging!

Text is powerful! Learn to manipulate strings with .toUpperCase(), .length, .includes(), and template literals inside the Movie Studio.

Loops make the fish do the same thing over and over! Set how many times to repeat, add actions, then watch the fish swim that many laps!

Lists are powerful! Learn to create arrays, grab items by index with [0], count with .length, and add new items with .push() in the Cherry Blossom Garden.

Meet variables — labeled boxes that store values your code can use and change. Program the circus show: set ticket counts, acrobat flips, the juggler's name, and applause!

The Pizza Planet kitchen is a mess! Sort toppings into the right boxes by color, type, and size. Learn how computers organize data into groups!

Become a Loop Master! Build loops that repeat actions — set how many times, choose what to repeat, and watch your game character perform on the Game Dev Lab stage!

Learn how to bundle code into reusable blocks called functions! Create your own commands, stack actions, and call them anytime — just like a factory making robot parts!

Discover JavaScript objects — containers that hold data with labeled properties! Build your own treasure chest object, add properties, access values, and organize data like a pro coder!

CSS transforms are magic spells! Use rotate to spin, scale to grow, and translate to slide — then design your own animated magic sticker!

Patterns are code that repeats! Program robot parts — gears, bolts, circuits — into a repeating pattern card you can color, size, and share!

CSS Grid is a coordinate map — arrange items in rows and columns like graph paper! Build your own pixel-art sea creature, color by color, cell by cell!

Be the jungle storyteller! Put story blocks in the right order to tell a tale — and pick which path to take at every fork. Ordering steps and making choices is how programmers think!

Launch a rocket by building a mini program! Combine sequence blocks, loop blocks, and conditional blocks to prepare, fuel, and launch your spaceship to the stars. The grand Pixel Path finale!

Take control of the circus stage! Pick any performer and change their look — colors, size, borders, and more. You're using JavaScript to change element styles — the same way real websites change their appearance!

Every game runs on events! Wire up tap targets, set how many points they score, and watch the scoreboard light up. Learn DOM events — addEventListener, event handlers, and updating text on screen — the heartbeat of every interactive app.

A function is a recipe you write once and cast many times! In the Enchanted Forest, define a magic spell's effect and power, then cast it on every creature at once — or just one. Same spell, many targets. That's reusable code — the heart of every program!

Build your own quiz! Write questions, set the right answers, and let conditionals (if/else) check each guess. Combine DOM events with if-statements to make a quiz that scores itself — then share it with a friend!

Run the Pizza Planet kitchen! Add toppings to your prep list, check them off as you finish, and remove mistakes. That's CRUD — Create, Read, Update, Delete — the four moves behind every app on Earth. Master arrays and you can build any list app!

Every app has three parts: HTML (the parts), CSS (the looks), and JavaScript (the action). You learned all three on the Builder Path! Now combine them to build your first real app — a desert explorer's profile card with a working treasure button. This is the Builder Path graduation!

Graduation day! You've mastered variables, math, conditionals, strings, arrays, loops, functions, and the DOM. Now combine EVERY tool into one mini-game — a Pixel Pet that eats, plays, sleeps, and reacts to your care. This is the Creator Path capstone — your first real project!

Learn FUNCTIONS — the most powerful magic in coding! Combine steps into one named spell, then cast it again and again without rebuilding. That's what programmers call a function: build once, use many times!

Learn EVENTS — the heartbeat of every app! When you tap, something happens. That tap is an EVENT, and what happens next is the RESPONSE. Match events to actions, chain them together, and design your own!

Learn DATA — how computers collect information, read it, and use it to make decisions! Read heart monitors, match readings to health, collect patient data, and be the doctor. Input, Process, Output!

Meet if / else — the decision-makers of code! Lead a caravan across the dunes: check the water, the heat, and the camels. If a condition is true the caravan moves; else it waits. Teach your code to choose!

Learn DECOMPOSITION — the superpower that turns one giant impossible job into a bunch of small easy jobs! Be the Stage Manager and break the big concert into parts that are simple to handle.

You've mastered variables, loops, functions, and the DOM. Now meet the HTML5 CANVAS — a blank stage you paint with code! Be the circus ringmaster: change colors, sizes, and positions of shapes and watch your circus scene repaint instantly. Learn fillStyle, fillRect, arc, and the (x,y) coordinate grid!

Learn ABSTRACTION — the superpower that hides messy details so you can focus on what really matters! Be a wizard's apprentice and learn to see the magic hiding behind all the noise.

In Canvas Circus you painted a STILL picture. Now make it MOVE! Meet requestAnimationFrame — the animation loop that runs 60 times a second. Build a living aquarium: a fish that swims, bubbles that rise, seaweed that sways. Change the speed, size, and colors and watch your ocean come alive. You're not just drawing anymore — you're ANIMATING!

Learn PATTERN RECOGNITION — the superpower that helps you spot what repeats! Find the rule, fill the gaps, fix the broken pattern, and build your own crystal sequence on Volcano Island!

In Aquarium Animator you made things MOVE. Now make a GAME that reacts when you TAP! Meet canvas events — click listeners that fire your code the instant a player touches the screen. Build Star Catcher: stars fall from space, you tap to catch them, your score goes up, and IF-statements decide if you WIN or LOSE. Set the win target, set the miss limit, then play YOUR OWN game. This is how every video game on Earth works — events, state, and rules!