Codemoji
๐ŸŽ“

Lessons & Game Templates

Step-by-step lessons and ready-to-customize games โ€” all in one place.

34 results

๐Ÿ“š

Lessons

26
๐Ÿ“š Lesson

HTML Beginner

BEGINNER
HTML

Drag emoji blocks to learn the 15 core HTML tags โ€” from <html> all the way to <table>.

15 lessonsStart โ†’
๐Ÿ“š Lesson

HTML Intermediate

MEDIUM
HTML

Seventeen lessons through every HTML tag a real webpage needs.

17 lessonsStart โ†’
๐Ÿ“š Lesson

HTML Expert

HARD
HTML

Twenty-five hands-on lessons covering every tag a real webpage needs.

25 lessonsStart โ†’
๐Ÿ“š Lesson

CSS Beginner

BEGINNER
CSS

Color, size, font, alignment, background โ€” make your page look the way you want.

25 lessonsStart โ†’
๐Ÿ“š Lesson

CSS Intermediate

MEDIUM
CSS

Twenty-five lessons covering colour, size, font, alignment, borders, and multi-element styling.

25 lessonsStart โ†’
๐Ÿ“š Lesson

CSS Expert

HARD
CSS

Twenty-five hands-on lessons covering colour, layout, transforms, and hover effects.

25 lessonsStart โ†’
๐Ÿ“š Lesson

JavaScript Beginner

BEGINNER
JS

Teach Bamboo to spin, move, scale, skew, and talk with the drag-and-drop animation builder. 25 lessons.

25 lessonsStart โ†’
๐Ÿ“š Lesson

JavaScript Intermediate

MEDIUM
JS

Teach Bamboo to spin, move, scale, skew, and talk. Ten lessons through your first JavaScript functions and arguments.

10 lessonsStart โ†’
๐Ÿ“š Lesson

JavaScript Expert

HARD
JS

Thirty lessons through variables, control flow, arrays, objects, and functions.

30 lessonsStart โ†’
๐Ÿ“š Lesson

Snake Beginner

BEGINNER
JS

Customise the classic snake game one variable at a time. 10 lessons, no typing โ€” sliders + pickers + a live preview.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Bricks Beginner

BEGINNER
JS

Customise the brick-breaker game one variable at a time. 10 lessons of paddle, ball, and brick tweaks.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Flappy Beginner

BEGINNER
JS

Tap to flap! Tweak gravity, flap power, gap size, and bird emoji across 10 hands-on lessons.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Crane Beginner

BEGINNER
JS

Drag snap blocks to drive a tower crane โ€” swing, drop, repeat. 10 Scratch-style puzzles that teach loops and sequencing.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Bulldozer Beginner

BEGINNER
JS

Drag snap blocks to steer a bulldozer โ€” move, push, repeat. 10 Scratch-style puzzles that teach loops and direction.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Bulldozer Intermediate

MEDIUM
JS

Mazes, multi-brick puzzles, and pattern-finding with repeats. 10 harder bulldozer puzzles.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Java Expert

HARD
JAVA

Twenty-five lessons through Java syntax โ€” variables, strings, loops, and classes. Read-only preview (Java doesn't compile in the browser).

25 lessonsStart โ†’
๐Ÿ“š Lesson

Combo Expert

HARD
COMBO

Twenty-four lessons combining HTML structure with CSS class shortcuts โ€” colour, size, layout in one editor.

24 lessonsStart โ†’
๐Ÿ“š Lesson

Build a Turtle

BEGINNER
PIXEL

Type cell coordinates to color in a colorful turtle, shell by shell. Great first pixel-art lesson.

Pixel ArtStart โ†’
๐Ÿ“š Lesson

Build a Duck

BEGINNER
PIXEL

Build a pixel duck from beak to feet using a small color palette. Practice grouping cells.

Pixel ArtStart โ†’
๐Ÿ“š Lesson

Build a Robot

BEGINNER
PIXEL

Construct a chunky pixel robot with shading and joints โ€” the trickiest of the three.

Pixel ArtStart โ†’
๐Ÿ“š Lesson

Maze Puzzle: Intro to Code

BEGINNER
Sequencing

Drag blocks to guide the fox through 8 maze levels โ€” just like Code.org!

8 levelsStart โ†’
๐Ÿ“š Lesson

Variables: Game Settings

BEGINNER
Variables

Change settings, change the game!

3 tasksStart โ†’
๐Ÿ“š Lesson

Events: Game Controls

BEGINNER
Events

Choose how your character moves!

4 tasksStart โ†’
๐Ÿ“š Lesson

Loops: Spawning Things

BEGINNER
Loops

Control how enemies appear!

4 tasksStart โ†’
๐Ÿ“š Lesson

Collision: Catch & Score

MEDIUM
Collision

What happens when things touch!

4 tasksStart โ†’
๐Ÿ“š Lesson

Build Your Own Game!

MEDIUM
Full Game

Use everything you learned!

0 tasksStart โ†’
๐ŸŽฎ

Game Templates

8

๐Ÿ› ๏ธ Want to build from scratch?

Use the Free Builder โ€” drag-and-drop blocks, no template needed.

Free Builder โ†’