👋 Every website you have ever used is made of three things
HTML puts things on the page — headings, pictures, buttons. CSS decides how they look. JavaScript makes them do something when you click. That is it. Every site you know is those three, stacked up.
And here is the lovely part: you already own the tools. The browser you are reading this in can run every line of code you write. Nothing to install, nothing to buy.
Each lesson has a 📖 Description tab that explains an idea with examples you can see running, and a 🎮 Practice tab where you write code and watch your own page appear beside it.
By Lesson 8 you will be drawing pictures with code on a canvas — the same thing the games in Fun Time are built on. 🎨
Your First Web Page
What HTML actually is, how a tag works, and the six lines every single web page begins with.
Start here ✨ 2Text, Lists & Links
The tags you will use most: emphasis, ordered and bulleted lists, links to other pages, and images.
Building blocks 3Colour & Style
Colours, sizes, spacing and borders. One stylesheet can restyle a hundred pages at once.
Make it yours 4Your First JavaScript
console.log, variables, numbers and text. If you know Python, this is the same music in a different key.
Real code now 5Decisions, Loops & Functions
Choose between paths, repeat work without repeating yourself, and bundle a job up so you can use it again.
The big three 6Making the Page Do Things
Find an element from JavaScript, change it, and make something happen when a button is clicked.
It's alive! 7Drawing on a Canvas
The canvas element, its upside-down coordinates, and the commands for rectangles, colours and lines.
Draw with code 8Circles, Loops & Art
Circles with arc(), then loops that draw a hundred shapes from four lines of code — and a final project.
Finale 🏆💡 Never written code before? This is a friendly place to start — HTML is not really programming, it is labelling. By the time real programming turns up in Lesson 4, the page will already feel like yours.
🐍 Already know some Python? Lessons 4 and 5 will feel familiar — variables, if/else and loops are the same ideas in a new accent. Compare them with Python Basics and you will learn both twice as well.