Start Here
Before you touch a single lesson, read this page. It takes 3 minutes and will make everything else make sense.
What is vibe coding?
Vibe coding is a way of learning to code where you describe what you want and an AI writes the code for you. You run it, see it work, and then tweak one small thing to make it your own.
That’s it. No memorising syntax. No fighting error messages for hours. No staring at a blank screen wondering where to start.
The goal isn’t to replace learning — it’s to remove the friction that stops most beginners from ever getting started. Once you see working code doing something cool, you naturally start to notice patterns. That’s when real learning happens.
Get yourself an AI tool
Every lesson on this site gives you a prompt to copy. You paste that prompt into one of these AI tools and it writes your code. All five are free to use:
💡 Tip: You only need one. Not sure which? Start with ChatGPT or Claude — both are beginner friendly and free. You can always try the others later.
How every lesson works
Every single lesson on this site follows the exact same pattern. Learn it once and you’ll always know what to do.
Don’t panic — this is actually part of vibe coding. Here’s what you do:
- Copy the error message you see on screen
- Go back to your AI chat
- Say: “This didn’t work. Here’s the error: [paste it]. Please fix it.”
That’s it. The AI will fix it for you. You just used AI the way professional developers do.
Pick your path
There are 6 subjects and 18 lessons total. You can start anywhere — but if you’re not sure, pick the path that sounds most exciting to you.
💡 Not sure? Just start with HTML Lesson 1 — the bouncing ball. It works in every browser, needs no setup, and takes about 5 minutes. It’s the perfect first vibe.
Jump straight to any lesson.
Every lesson is live and ready. Click any one to start right now.