Codemoji
๐ŸŽ“

Lessons & Game Templates

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

39 results

๐Ÿ“š

Lessons

31
๐Ÿ“š 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
GAMES

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

10 lessonsStart โ†’
๐Ÿ“š Lesson

Snake Expert

HARD
GAMES

Type real JavaScript to build the classic Snake game โ€” colour it, size it, then unlock rainbow and expert modes. 15 lessons.

15 lessonsStart โ†’
๐Ÿ“š Lesson

Breakout Beginner

BEGINNER
GAMES

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

10 lessonsStart โ†’
๐Ÿ“š Lesson

Breakout Expert

HARD
GAMES

Type real JavaScript to build the classic Breakout game โ€” colours, lives, speed, then five power-up modes. 15 lessons.

15 lessonsStart โ†’
๐Ÿ“š Lesson

Flappy Beginner

BEGINNER
GAMES

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

Pixel Learning

BEGINNER
PIXEL

Type colour names and hex codes into a spreadsheet grid to paint pixels โ€” from a single blue square to full colour patterns.

10 lessonsStart โ†’
๐Ÿ“š Lesson

Pixel Turtle

BEGINNER
PIXEL

Light up a pixel grid one square at a time to build a turtle from code.

1 lessonsStart โ†’
๐Ÿ“š Lesson

Pixel Duck

BEGINNER
PIXEL

Light up a pixel grid one square at a time to build a duck from code.

1 lessonsStart โ†’
๐Ÿ“š Lesson

Pixel Robot

BEGINNER
PIXEL

Light up a pixel grid one square at a time to build a robot from code.

1 lessonsStart โ†’
๐Ÿ“š Lesson

Build Your Own Website

BEGINNER
PROJECT

A guided capstone: plan it, write the HTML and CSS, and publish a real one-page site you can share.

1 lessonsStart โ†’
๐Ÿ“š Lesson

AI Investigator

BEGINNER
AI

Seven detective cases with Cody the robot โ€” what AI is, how it learns, hallucinations, fairness, computer vision, and AI in daily life.

7 lessonsStart โ†’
๐Ÿ“š 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