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!