Step-by-step lessons and ready-to-customize games — all in one place.
HTML for the bones, CSS for the style.
Drag emoji blocks to learn the 15 core HTML tags — from <html> all the way to <table>.
Color, size, font, alignment, background — make your page look the way you want.
A guided capstone: plan it, write the HTML and CSS, and publish a real one-page site you can share.
Seventeen lessons through every HTML tag a real webpage needs.
Twenty-five lessons covering color, size, font, alignment, borders, and multi-element styling.
Twenty-five hands-on lessons covering every tag a real webpage needs.
Twenty-five hands-on lessons covering color, layout, transforms, and hover effects.
Twenty lessons on the HTML tags most people never meet: marquee, abbr, progress, sub, sup, kbd, dialog, details and more.
Build an Easter page one tag at a time, and tap the eggs hiding in your preview.
Seventeen lessons building a winter sports page with headings, lists, pictures, sound, video and a map — in the falling snow.
Animate characters, then write real code.
Teach Bamboo to spin, move, scale, skew, and talk with the drag-and-drop animation builder. 25 lessons.
Two characters, two sequences, one Run button: make Bamboo and Deeno spin, move, scale, skew and talk at the same time. 15 lessons.
Teach Bamboo to spin, move, scale, skew, and talk. Ten lessons through your first JavaScript functions and arguments.
Fourteen lessons: make lists, push, pick by index, loop through them, objects in arrays and arrays in arrays.
Fourteen lessons on for, while, do-while and for-in loops, loops inside loops, and break.
Twenty-one lessons writing functions that change a real page: swap pictures, count clicks, slideshows, timers and key presses.
Twenty lessons on events: click, hover, keys, focus, drag and drop, copy and paste, and sound — ending with a rocket that explodes.
Thirty lessons animating Bamboo the panda with code: rotate, move, scale, skew, talk, hop, twirl, flip and clones.
Nine lessons, one game: type the JavaScript that launches, steers and flies a rocket to space.
Thirty lessons through variables, control flow, arrays, objects, and functions.
Twenty-five lessons through Java syntax — variables, strings, loops, and classes. Read-only preview (Java doesn't compile in the browser).
Twenty-four lessons combining HTML structure with CSS class shortcuts — color, size, layout in one editor.
Make real games step by step — then make them harder.
Build a real arcade game: steer a shark, eat fish to grow, dodge pufferfish, and win on Stage 2.
Build a road-crossing game: walk a chicken past cars and a speedy taxi, grab the corn, level up and win.
Build an arcade game: fly a rocket, dodge falling meteors, catch stars, level up to a faster stage and win.
Build a real platformer: a frog who falls, walks and jumps, a brick to stand on, a coin, a patrolling hedgehog and a flag to reach.
Build a tapping game: toss fruit up with gravity, tap to slice it, avoid the bombs, level up to faster bombs and win.
Change settings, change the game!
Choose how your character moves!
Control how enemies appear!
Customise the classic snake game one variable at a time. 10 lessons, no typing — sliders + pickers + a live preview.
Customise the Breakout brick-breaker game one variable at a time. 10 lessons of paddle, ball, and brick tweaks.
Tap to flap! Tweak gravity, flap power, gap size, and bird emoji across 10 hands-on lessons.
What happens when things touch!
Use everything you learned!
Type real JavaScript to build the classic Snake game — color it, size it, then unlock rainbow and expert modes. 15 lessons.
Type real JavaScript to build the classic Breakout game — colors, lives, speed, then five power-up modes. 15 lessons.
Give step-by-step orders and watch them run.
Drag blocks to guide the fox through 16 maze levels — just like Code.org!
Drag snap blocks to drive a tower crane — swing, drop, repeat. 10 Scratch-style puzzles that teach loops and sequencing.
Drag snap blocks to steer a bulldozer — move, push, repeat. 10 Scratch-style puzzles that teach loops and direction.
Code a turtle and it draws as it walks. Ten lessons from one line to a full circle — forward, turn, pen up, repeat.
Mazes, multi-brick puzzles, and pattern-finding with repeats. 10 harder bulldozer puzzles.
Draw with grid codes like A1 and B(2-5).
Type color names and hex codes into a spreadsheet grid to paint pixels — from a single blue square to full color patterns.
Light up a pixel grid one square at a time to build a turtle from code.
Light up a pixel grid one square at a time to build a duck from code.
Light up a pixel grid one square at a time to build a robot from code.
How AI works, and when not to trust it.
Seven detective cases with Cody the robot — what AI is, how it learns, hallucinations, fairness, computer vision, and AI in daily life.
Ready-made games to remix and make your own.
Dodge falling emojis and rack up points! Close calls earn bonus points!
Catch the good emojis and avoid the bad ones! Reach the score goal to win!
Tap or press space to flap! Fly through the gaps between pipes to score points!
Eat food to grow longer! Don't crash into yourself or the walls!
Break all the bricks with your bouncing ball! Classic breakout action!
Jump on platforms and collect all the coins! Use arrow keys or WASD to move.
Fly your ship, shoot enemies, and survive the waves! Press SPACE to fire!
Navigate the maze, collect keys, avoid patrols, and escape before time runs out!
