Six-week course
6 weeks
About 2 hours a week
How computers and the web fit together, HTML and CSS by hand, building safely with AI, and shipping a small site.
For career changers, founders, curious adults
Curated by Tommy Adeniyi
Learn to build for the web,with a tutor watching every move.
Vibe Code Foundations teaches how computers and websites work, from the first bit to a site you deploy. A live tutor sees what you build and steps in the moment something goes sideways, with the exact correction for the mix-up you just made.
Teaching a group? See the teacher view
- units
- 11
- units
- beats per lesson
- 4
- beats per lesson
- experience needed
- 0
- experience needed
It watches you build
Every drag, keystroke and answer is checked as it happens, not when you hand in.
It knows the usual mix-ups
Each lesson lists the mistakes people make. The tutor names yours and explains it kindly.
It listens back
You explain the idea out loud. The tutor checks the big ideas and asks about what is missing.
How every lesson runs
Four beats, every time.
You always know where you are, and the tutor always knows what to look for.
- 01
See it
Explore the model
Drag, stack and wire a picture of the idea: boxes inside boxes, cards in order, labels on parts.
Nest html, head and body tiles into a page tree.
- 02
Build it
Write the real thing
Write the code behind the picture you just made, with a live preview that updates as you type.
Type the same tree as HTML and watch the checks tick green.
- 03
Break it
Find and fix the bug
A page arrives broken. Find the bug, fix it, and say in one sentence what went wrong.
A heading that never closed swallows the whole menu.
- 04
Say it
Explain it back
Explain it back out loud, or type it. The tutor listens for the big ideas and asks about the gaps.
“What is the difference between the head and the body?”
Then round again with the next idea. A skill counts as mastered once you have built it and said it.
The course
Ten units and a capstone.
From what a computer does with a switch to looking after a live site at 9 p.m. on a Friday.
- Unit 0What a computer actually doesBits and switches, step-by-step instructions, files and folders.
- Unit 1How the web worksThe journey of a request, the parts of a URL, and what status codes mean.
- Unit 2HTML: structure and meaningBuild the tree of nested boxes behind every page.
- Unit 3CSS: the look and the layoutThe box model, the cascade, flexbox and grid, responsive design.
- Unit 4Thinking like a programmerVariables, types, conditions, loops and functions.
- Unit 5Data and algorithmsArrays, searching, sorting, Big O by feel, and a little recursion.
- Unit 6JavaScript in the pageSelect and change elements, events, state, fetch and JSON.
- Unit 7Data that lastsDatabases, tables and SQL, relationships, and who can see what.
- Unit 8Vibe coding with guardrailsPrompts as specifications, reading before running, tests and git.
- Unit 9Ship it and keep it aliveDeploy then verify, DNS, secrets, caches and incidents.
- CapstoneBuild and ship something for a real personBuild and ship something useful for a person you know.
Pick your pace
Three ways through.
College semester
12 weeks
About 3 hours a week
Every unit plus the full capstone. Units 4 and 5 line up with an intro computer science course.
For college and university students
One-day workshop
1 day
Six focused hours
How the web works, HTML, building with AI guardrails, and deploying then verifying a page.
For teams, bootcamps, community classes
For teachers
Run it live with a whole room.
Share a room code and see every learner at once: who is stuck, who keeps making the same mix-up, who is flying. Then teach the thing the room needs.
- A live grid of every learner and what they are working on
- Push a hint to one learner or the whole class
- Pause the room when it is time to look up