Vibe Coding for Beginners: From Zero to App/Start here
Lesson 1 / 3 · 12 min · 0 / 3 exercises
Course contents
Concept · 3 hands-on exercises

What vibe coding is

Explain what vibe coding is, where the term came from, and which parts of the work stay yours when an AI agent writes the code.

Vibe coding means building software by describing what you want in plain language and letting an AI coding agent write, run and fix the code. You say what the app should do and how it should feel. The agent works out how: which files to create, what goes in them, and which commands to run to check the result.

The term comes from Andrej Karpathy, an AI researcher and OpenAI co-founder. In a post on February 2, 2025, he described a new kind of coding where you “fully give in to the vibes” and “forget that the code even exists.” The phrase spread so fast that Collins Dictionary named vibe coding its Word of the Year for 2025.

What changes, and what doesn't

In traditional programming, you turn an idea into instructions a computer can follow, one line at a time, in a language such as JavaScript or Python. With an agent, you skip the typing. You still make every decision that matters: what to build, what counts as finished, whether the result is correct, and whether it's safe to put online.

Picture yourself as the client and the site manager on a building job. The agent is a fast, tireless builder who has read every manual but has never seen your site. It builds what you describe, fills gaps with guesses, and tells you when it thinks it's done. Your job is to describe well, look at what it built, and catch the guesses that are wrong.

Quick checkExercise 1 of 3

Your agent reports: “Done! The contact form works.” What should you do next?

The loop you'll repeat all course

Every build in this course follows the same loop. You describe a change. The agent reads your project, plans, edits files and runs commands. You look at the result in a browser and either accept it or describe what's still wrong. Each pass takes a few minutes, and a real app is dozens of passes, so getting fast at the loop matters more than any single prompt.

Put it in orderExercise 2 of 3

Put one pass of the vibe coding loop in order.

  1. The agent edits files and runs commands
  2. The agent reads the project and proposes a plan
  3. Save a checkpoint, or describe what's still wrong and go again
  4. You check the result in the browser, not only the agent's summary
  5. Describe the change you want and how you'll know it's done

A spectrum, not a switch

People use the term loosely. At one end, you never read the code and accept whatever looks right on screen. That's fine for a throwaway prototype or a birthday page. At the other end, professional developers use the same agents but read every change, run automated tests and own the result. This course starts you near the first end and moves you toward the second, because the moment real people use your app, “it works on my screen” stops being enough.

Pure vibesGuided vibe coding (this course)AI-assisted engineering
Reads the code?NeverSkims each change and asks questionsReads every line
Checks results by…Clicking aroundA short checklist per featureAutomated tests and code review
Good for…Throwaway experimentsPersonal and small-business sitesProducts with many users or sensitive data
Main riskHidden bugs and data leaksMissing a subtle flawSlower to get started
Sort itExercise 3 of 3

Where is pure vibe coding fine, and where do you need to slow down and check carefully?

Card 1 of 6

A countdown page for a friend's birthday

What stays your job

  • The idea and the details. The agent can't read your mind. Who is the site for, and what must it show?
  • Checking. The agent's “done” is a claim. You confirm it in the browser.
  • Safety. Agents make apps work; they don't automatically make them safe. Module 4 teaches the basic rules.
  • What goes online. Publishing is a decision you make, not a side effect of building.
What you'll build
You'll build one project in stages: a one-page website for a small business, then a version that updates from data, an archive of past posts, a security pass, and a PDF invoice generator. The examples use a neighborhood bakery called Crumb & Co. Swap in your own idea if you have one: a tutoring service, a band, a club, a side business.
Check your understanding
Q1. Which description fits vibe coding best?
Q2. A friend says: “If the agent writes the code, I don't need to understand anything about my app.” What's the flaw?
· Work through the 3 remaining exercises above (stuck? each one can show you the answer).
· Score 100% on the quiz.
Vocabulary in this lesson

Plain-English definitions from the AI Coding Dictionary.