Step 1 Blocks Beginner

🤖

Robot Path

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

Ages 4-6 Start →

Step 2 Blocks Beginner

🔁

Again & Again

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

Ages 4-6 Start →

Step 3 Blocks Beginner

🐛

Fix the Robot

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

Ages 4-6 Start →

Step 4 CSS Beginner

🎨

Hello Colors

Ages 7-9 Start →

Step 5 HTML Beginner

🏷️

Tag Match

Ages 7-9 Start →

Step 6 CSS Beginner

🔘

Button Builder

Ages 7-9 Start →

Step 7 CSS Beginner

📦

Box Model

Ages 7-9 Start →

Step 8 CSS Beginner

📐

Flex Layout

Ages 7-9 Start →

Step 9 JavaScript Beginner

🤖

Hello JavaScript: Robot Brain

Ages 10-12 Start →

Step 10 JavaScript Beginner

🧮

Number Wizard

Ages 10-12 Start →

Step 11 Interactive Beginner

🚀

Choose Your Path

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

Ages 10-12 Start →

Step 12 Blocks Beginner

🤖

First Steps

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

Ages 4-6 Start →

Step 13 Blocks Beginner

🌋

If This Then That

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

Ages 4-6 Start →

Step 14 Blocks Beginner

🔁

Pattern Power

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

Ages 4-6 Start →

Step 15 Blocks Beginner

🐛

Bug Squash

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!

Ages 4-6 Start →

Step 16 JavaScript Beginner

🎬

String Lab

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

Ages 10-12 Start →

Step 17 Blocks Beginner

🔁

Loop de Loop

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!

Ages 4-6 Start →

Step 18 JavaScript Beginner

🌸

Array Adventure

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.

Ages 10-12 Start →

Step 19 JavaScript Beginner

🎪

Variable Vault

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!

Ages 7-9 Start →

Step 20 Blocks Beginner

🍕

Sort & Group

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!

Ages 4-6 Start →

Step 21 JavaScript Beginner

🎮

Loop Master

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!

Ages 10-12 Start →

Step 22 JavaScript Beginner

🏭

Function Factory

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!

Ages 10-12 Start →

Step 23 JavaScript Beginner

📦

Object Explorer

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!

Ages 10-12 Start →

Step 24 CSS Beginner

✨

Sticker Studio

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

Ages 7-9 Start →

Step 25 Blocks Beginner

🤖

My Robot Pattern

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

Ages 4-6 Start →

Step 26 CSS Beginner

🎨

Pixel Art

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!

Ages 7-9 Start →

Step 27 Blocks Beginner

🦁

Build a Story

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!

Ages 4-6 Start →

Step 28 Blocks Beginner

🚀

My First Program

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!

Ages 4-6 Start →

Step 29 JavaScript Beginner

🎪

Style Switcher

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!

Ages 10-12 Start →

Step 30 CSS Beginner

🎬

Poster Studio

Ages 7-9 Start →

Step 31 JavaScript Beginner

🎮

Click Counter

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.

Ages 10-12 Start →

Step 32 JavaScript Beginner

🌲

Spell Lab

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!

Ages 7-9 Start →

Step 33 JavaScript Intermediate

❓

Quiz Builder

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!

Ages 10-12 Start →

Step 34 JavaScript Intermediate

📋

Chef's Checklist

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!

Ages 10-12 Start →

Step 35 HTML Intermediate

🏜️

My First 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!

Ages 7-9 Start →

Step 36 JavaScript Advanced

🎮

Pixel Pet

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!

Ages 10-12 Start →

Step 37 Blocks Beginner

🧚

Magic Spells

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!

Ages 4-6 Start →

Step 38 CSS Beginner

🌸

Dancing Petal Badge

Ages 7-9 Start →

Step 39 Blocks Beginner

🌸

Tap & Bloom

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!

Ages 4-6 Start →

Step 40 Blocks Beginner

💓

Heart Beat Hospital

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!

Ages 4-6 Start →

Step 41 JavaScript Beginner

🏜️

Desert Decisions

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!

Ages 7-9 Start →

Step 42 CSS Beginner

🚀

Neon Sign Studio

Ages 7-9 Start →

Step 43 Blocks Beginner

🎭

The Big Show

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.

Ages 4-6 Start →

Step 44 JavaScript Advanced

🎪

Canvas Circus

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!

Ages 10-12 Start →