What is Vibe Coding?
Vibe coding is a new way to build software. Instead of learning programming syntax, you describe what you want in plain English and an AI assistant builds it for you.
It's not prompt engineering. There are no magic formulas or secret commands. You just have a conversation — the same way you'd explain something to a colleague.
This course teaches you how, through 10 hands-on projects that go from "Hello World" to deploying a real website.
How This Course Works
Projects, Not Lectures
Every lesson builds something real. You learn by doing, not by watching slides.
Natural Language
No syntax to memorize. You describe what you want and refine from there.
Iterate, Don't Perfect
The skill is reviewing and improving — not getting it right the first time.
Beginner to Builder
Start with a simple card. End with a full website deployed to the internet.
What You'll Learn
Skills you'll walk away with after 10 lessons
Build Websites
From single pages to multi-page sites with navigation
Design Through Words
Describe colors, layouts, and styles in natural language
Work with Images
Source, place, and optimize images for your projects
Write CLAUDE.md Files
Give Claude project context for better, consistent results
Research Before Building
Use Claude to gather facts and plan before you build
Add Interactivity
Forms, animations, counters, and dynamic content
Connect to APIs
Pull live data from the internet into your pages
Deploy to the Web
Put your creations live on the internet for free
The Lessons
10 projects, from zero experience to deploying your own website
What is Vibe Coding?
Install Claude Code and build your first HTML page by just describing what you want.
Start lessonYour First Web Page
Build a personal bio page and learn the describe-build-view cycle.
Start lessonThe Art of Back and Forth
Turn a basic page into a polished portfolio through iterative conversation.
Start lessonMulti-Page Sites
Build a 3-page recipe site with navigation and shared design.
Start lessonCLAUDE.md: Your Project's Brain
Write a context file that makes Claude understand your project deeply.
Start lessonImages & Design
Build a photo gallery and learn visual design through natural language.
Start lessonResearch & Planning
Use Claude to research, plan, and then build a coffee shop landing page.
Start lessonInteractive Elements
Add forms, animations, and countdown timers to an event page.
Start lessonAPIs & Live Data
Build a weather dashboard that pulls live data from the internet.
Start lessonFull Project: Idea to Launch
Build and deploy a complete business website from scratch — the full workflow.
Start lessonReady to Start Building?
No sign-up required. No credit card. Just open Lesson 1 and start describing what you want to build.
Start Lesson 1