Book an info sessionInfo session

CodeCraft: Build Websites with HTML, CSS & JavaScript

Students write real web code in a real editor and watch it come to life in a live preview. They mine their way through three worlds, finishing short coding quests to earn XP and climb from Dirt to Obsidian. Friendly hints explain what’s missing instead of showing confusing errors.

Level: Beginner
Ages: 9–14
Length: Self-paced, about 30 quests
Format: Play right here in the browser. No account or download needed. Works best on a laptop or desktop with a keyboard.

Open CodeCraft full screen

Outcomes

  • Build a web page from scratch with HTML tags: headings, paragraphs, links, images and lists
  • Style pages with CSS: colors, fonts, spacing and layout
  • Make pages interactive with JavaScript: variables, events and logic
  • Read feedback, fix mistakes and test code like a real developer

The three worlds

  • HTML Grasslands — build with blocks of text — 10 quests
  • CSS Caves — paint and decorate your world — 10 quests
  • JS Sparkstone Mines — make things move and think — 10 quests

Each world unlocks after the one before it. The app also has a Vietnamese language option.

For parents

  • No sign-up, no ads and no chat. Players pick a first name and a character head, and progress is saved in this browser on this device.
  • We host our own copy on this site and removed the original’s visitor analytics.
  • Some image quests load sample photos from picsum.photos, a free placeholder-image service.
  • Ready for more? Our Mobile Apps and AI Chatbots classes put these web skills to work with an instructor.

Questions? Email support

Back to the Learning Hub