L10 XP00
Course 00 · Beginner

Vibe Coding for Beginners: From Zero to App

Build, secure and ship a real web app with the AI coding tool of your choice. No coding experience needed.

The on-ramp course. Pick a terminal agent, an AI code editor or a no-install app builder, then build a small-business website in stages: one page, a dynamic version, an archive, a security pass and a PDF invoice generator, published on free hosting.

20 lessons6 modules~9 hours0 / 20 done · 0%
Free · no signup · progress saved in your browser

Details to know

Shareable certificate
Add to your LinkedIn profile
Assessments
20 quizzes · 60 hands-on exercises
Projects
10 projects, each with a choice of tracks
Taught in
English
Recently updated
November 2026
Price
Free, no signup

What you'll learn

  • Choose a terminal agent, AI code editor or app builder that fits your computer, budget and goals, as of November 2026.
  • Build and improve a website by describing changes to an AI coding agent and checking every result in the browser.
  • Write prompts with a goal, constraints and a definition of done, and debug errors by giving the agent evidence.
  • Secure a vibe-coded site: keep secrets out of front-end code, validate and escape input, lock down data and vet dependencies.
  • Give agents lasting context with AGENTS.md, CLAUDE.md, GEMINI.md or Cursor rules, and use it to build a PDF invoice generator.
  • Publish your project on a free hosting plan and keep it healthy with git checkpoints and a pre-deploy checklist.

Skills you'll gain

  • Prompting a coding agent
  • Reviewing AI-generated changes
  • Debugging with the browser console
  • Git checkpoints
  • Free static hosting
  • Web security basics
  • Project instruction files
  • PDF generation in the browser
  • Choosing AI coding tools

Tools you'll use

  • Claude Code
  • Codex
  • Grok Build
  • Antigravity
  • Cursor
  • GitHub Copilot
  • Lovable
  • Bolt
  • v0
  • Google AI Studio
  • GitHub
  • Cloudflare Pages
  • Netlify
  • pdfmake
Curriculum structure
01Start here3 lessons02Develop a website4 lessons03Use a coding agent4 lessons04Iterate the website3 lessons05Create something valuable4 lessons06Course resources2 lessons

Module 01 · Start here

What vibe coding is, how websites and coding agents work, and how to pick a tool in November 2026.

  1. What vibe coding is3 hands-onquizconcept12 min
  2. How websites and coding agents work4 hands-onquizconcept18 min
  3. Choosing your tool in November 20264 hands-onquizconcept25 min

Module 02 · Develop a website

Set up your tool, build a one-page website, improve it, and put it online for free.

  1. Create a project2 hands-onquizproject25 min
  2. Build a single-page website2 hands-onquizproject35 min
  3. Improve your site2 hands-onquizproject30 min
  4. Put it online for free2 hands-onquizproject35 min

Module 03 · Use a coding agent

See what the agent does each turn, write prompts it can finish, build a dynamic site, and fix the bugs with evidence.

  1. Meet your coding agent6 hands-onquizconcept20 min
  2. Develop the prompt5 hands-onquizconcept22 min
  3. Build a dynamic website1 hands-onquizproject40 min
  4. Fix a few mistakes3 hands-onquizproject30 min

Module 04 · Iterate the website

Add an archive, learn the security basics from real 2025–2026 incidents, and secure your own site.

  1. Add an archive2 hands-onquizproject30 min
  2. Security for beginners5 hands-onquizconcept30 min
  3. Secure your site2 hands-onquizproject40 min

Module 05 · Create something valuable

Give the agent lasting context, build a PDF invoice generator with it, and keep good habits going.

  1. Put it into context4 hands-onquizconcept18 min
  2. Create context files2 hands-onquizproject25 min
  3. Build a PDF invoice generator2 hands-onquizproject45 min
  4. Keep the good vibes going3 hands-onquizconcept20 min

Module 06 · Course resources

A cheat sheet of prompts, commands and terms to keep, and where to go next on Vibe Code School.

  1. Your vibe coding cheat sheet3 hands-onquizconcept10 min
  2. Where to go next3 hands-onquizconcept12 min
Frequently asked questions

Is this vibe coding course really for complete beginners?

Yes. It assumes you've never written code. You learn to describe what you want, check what the agent built, and fix problems by giving it evidence. Every project has a no-install app builder track, so you can follow along from a browser.

Which AI coding tool should I use?

Any of three kinds works: a terminal agent (Claude Code, Codex, Grok Build, Antigravity CLI), an AI code editor (Cursor, VS Code with GitHub Copilot, Kiro, Devin Desktop) or an app builder (Lovable, Bolt, v0, Replit, Google AI Studio Build). The lesson “Choosing your tool in November 2026” compares them by price, setup and trade-offs.

Can I finish the course for free?

Yes. The course is free, and every project works on free plans such as GitHub Copilot Free, Cursor Free, ChatGPT Free (limited Codex use), Antigravity's free tier or an app builder's free credits, plus free static hosting. Free limits reset daily or weekly, so pacing beats upgrading. Claude Code needs a paid Claude plan.

What will I build?

One project in stages: a one-page website for a small business, a dynamic version driven by a data file, an archive of past posts, a security pass, and a PDF invoice generator, all published on free hosting.

Is vibe coding safe for real apps?

It can be, if you follow a few rules: keep secrets out of front-end code, validate input, use proven sign-in and lock down your database, and vet every package. The course walks through documented 2025–2026 incidents where vibe-coded apps leaked data, and how each could have been prevented.

Do I get a certificate?

Yes. Finish every lesson and quiz, then print a free certificate from the Certificate page and add it to your LinkedIn profile.