🟨 Beginner Friendly · JavaScript · Ages 10+

My First
Browser Game

Build 6 games in the browser with vanilla JavaScript , no installs, no frameworks. A text editor and a browser is all you need. Interactive quizzes take you from Flappy Bird to a full platformer.

🧑 Ages 10+ ✓ Completely Free 🟨 JavaScript 👨‍👧 Parent & Child ✓ No Experience Needed

🚀 Start with Episode 1 →

6 Projects to Build Step by Step

Start at Episode 1 with a single HTML file. Each game teaches new skills , canvas, the DOM, physics, algorithms , ending with a full platformer.

Ep 1

🐦

⭐ Start Here · Canvas · Game Loop · Gravity

Flappy Bird Clone

Build the infamous one-button game: an HTML canvas, gravity, pipe gaps and a score that makes your friends rage. No installs needed.

Ages 10+ 6 Steps · ~1.5 hrs Start Building →

Ep 2

🧠

DOM · CSS Flips · Shuffle

Memory Card Game

Build a card-flipping memory game from real HTML elements, CSS 3D flips and DOM events , the same skills as building web apps.

Ages 10+ 6 Steps · ~1.5 hrs Start Building →

Ep 3

🧱

Canvas Physics · Particles

Browser Breakout

The canvas classic: mouse paddle, spin physics, a glowing brick wall, particle bursts and gradients , the prettiest Breakout of the series.

Ages 10+ 6 Steps · ~1.5 hrs Start Building →

Ep 4

🐍

Grid · Input Queue · Touch

Browser Snake

Snake on canvas with crisp grid movement, an input queue that fixes the classic Snake bug, wrap-around walls and touch controls for phones.

Ages 10+ 6 Steps · ~1.5 hrs Start Building →

Ep 5

🌐

Live Builder · Fill the Blanks

Browser Platformer

Fill in the numbers and watch your Mario-style game run live. You control gravity, jump height, enemies, coins, health and more.

Ages 11+ Interactive Builder Start Building →

Ep 6

🌲

Double Jump · Parallax · Levels

Platformer Part 2

The finale: write the whole platformer yourself, then add double jump, wall slide, a parallax camera and your own text-based level format.

Ages 10+ 6 Steps · ~2 hrs Start Building →

What You Need

Nothing to install. Every game is one HTML file you open in any browser. A free editor makes it nicer.

🌐

A Web Browser

Chrome, Firefox, Edge or Safari , you already have one. It runs the games with zero setup.

✓ Already Have It

📝

A Text Editor

Even Notepad works, but the free VS Code is nicer with colour highlighting and error hints.

✓ Free (VS Code)

💻

Any Computer

Windows, Mac, Linux or even a Chromebook , if it has a browser, it can build and run these games.

Any OS

📐

No Experience Needed

We explain every line of JavaScript as we write it. No frameworks, no build tools, no accounts.

✓ Beginner Friendly

Questions & Answers

Do I need to install anything?

No. Every game is a single HTML file you open in your browser. A free editor like VS Code helps but even Notepad works.

Do I need to know JavaScript first?

No. Episode 1 starts with your first canvas and explains every line. JavaScript is a great first language because it runs instantly in the browser.

What will I build?

A Flappy Bird clone, a memory card game with CSS flips, Breakout with particles, Snake with touch controls, and a platformer with double jump and a scrolling camera.

Can I share my games?

Yes , that is the best part. Send the HTML file or upload it to a free host like itch.io and anyone with a browser can play instantly, even on a phone.

Do the workshops save my progress?

Yes. Each tracks XP, streaks and completed steps (using the same localStorage the games teach), and reports to the My Progress page.

Is it really free?

All 6 episodes, forever. No ads, no paywall, no sign-up needed.

My First
Browser Game

6 Projects to Build Step by Step

What You Need

Design Your Assets

Ready to build your first browser game?

Questions & Answers

Where to next?

My FirstBrowser Game

6 Projects to Build Step by Step

What You Need

Design Your Assets

Ready to build your first browser game?

Questions & Answers

Where to next?

My First
Browser Game