BUILD SOMETHING USEFUL
From a blank file to a working project.
Four guided paths, required tools, original captioned videos and editable projects. Start small, test each change and understand what still needs external tools.
Before you start
Know variables, functions, conditions and basic input validation. For the first three projects, practise HTML, CSS and JavaScript. For the software tool, start with Python.
Web foundations ↗ · JavaScript ↗ · Python ↗ · Real-device test checklist ↗
Tools and setup
Build it step by step
Tick a step when you have completed it. These are your own learning records, not certification of an external build.
Watch, pause and practise
Original 70-second captioned walkthrough · no audio. If your browser cannot play this format, use the transcript and supporting publisher video. Read the transcript below and pause at each step. External publisher videos complement the written guide and may use different tool versions.
Written video transcript
Run and edit the starter
Choose a project and run its starter.
Expected starter check result
Your next exercise
Change one thing, predict the result and rerun. The checks cover a few defined cases; passing them does not prove general correctness. Code and step progress stay in this browser. No AI provider is called.
The ZIP contains the original starter and README, not your browser edits. Download edited files separately before replacing your local copies. Installation or executable packaging is a manual step on the target device or OS.