Skip to main content
Short, focused video lessons (10-20 minutes each) that teach one concept at a time. Watch before your first live class to arrive ready to build.

​
What Are Flash Modules?

Flash modules are pre-recorded lessons that teach focused skills in 10-20 minutes. Each module covers exactly one skill, starts fast, and ends with a mini-exercise you can finish in under 10 minutes.

Without Flash Modules

  • Spend live class time on basic setup questions
  • Confused by AI output you can’t read
  • App only works on laptop screen
  • Data disappears every reload
  • Stuck when something breaks

With Flash Modules

  • Arrive ready to build from minute one
  • Understand what the code is doing
  • Mobile-responsive by default
  • App remembers user input
  • Know how to read errors and fix them

​
The 10 Flash Modules

Duration: 15 minutes | Prerequisites: NoneThe philosophy behind building real apps with AI assistance, plus the full DESCRIBE→SCAFFOLD→VALIDATE→SECURE→ITERATE→POLISH→DOCUMENT workflow.You’ll Learn:
  • What vibe coding is (and isn’t)
  • The Consumer vs Alchemist mindset shift
  • The 7-step workflow for every app
  • Why precision in prompts is the new technical skill
This is your starting point. Watch this first.
Duration: 10 minutes | Prerequisites: NoneCreate your first Google AI Studio chat, save a system prompt, and understand what temperature settings actually do.You’ll Learn:
  • Create an AI Studio account
  • Start a new chat with Gemini 2.0 Flash
  • Use system instructions
  • Temperature settings explained
  • Save and organize chats
Duration: 15 minutes | Prerequisites: Flash 02Write a code generation prompt that gets usable output, understand what the AI returned, and copy it into a file.You’ll Learn:
  • Anatomy of a good prompt
  • What to include (and what to skip)
  • Read AI-generated code
  • Copy code into an HTML file
  • Open it in your browser
Duration: 20 minutes | Prerequisites: NoneWhat HTML, CSS, and JavaScript each do — enough to read AI output confidently, not enough to write it from scratch (you have AI for that).You’ll Learn:
  • HTML = structure (headings, buttons, forms)
  • CSS = style (colors, fonts, layout)
  • JavaScript = behavior (clicks, calculations, storage)
  • How they work together
  • Reading code vs writing code
Duration: 10 minutes | Prerequisites: Flash 03Push your app to GitHub Pages with one-click deploy so it has a real URL anyone can visit.You’ll Learn:
  • Create a GitHub repository
  • Upload your HTML file
  • Enable GitHub Pages
  • Get your live URL
  • Share your app
Duration: 15 minutes | Prerequisites: Flash 04Make your app remember data between visits using localStorage so users do not lose their work on reload.You’ll Learn:
  • What localStorage is
  • Save data to localStorage
  • Retrieve data on page load
  • Update and delete stored data
  • Common localStorage patterns
Duration: 15 minutes | Prerequisites: Flash 04What APIs are, where to find free public APIs, and how to connect one to your app so it pulls live data.You’ll Learn:
  • What an API is (in plain English)
  • Find free public APIs
  • Make an API request
  • Handle the response
  • Display data in your app
Duration: 10 minutes | Prerequisites: Flash 04Make any app look great on mobile using the viewport meta tag and media queries — two changes, massive difference.You’ll Learn:
  • Add viewport meta tag
  • Write media queries
  • Mobile-first design approach
  • Test on mobile devices
  • Common responsive patterns
Duration: 20 minutes | Prerequisites: Flash 07Create a Supabase project, set up a table, and connect it from your app so data persists for real users.You’ll Learn:
  • Create a Supabase project
  • Design a database table
  • Connect to Supabase from your app
  • Insert and query data
  • Basic Row Level Security
Duration: 15 minutes | Prerequisites: Flash 03Read error messages without panicking, use console.log to find what is broken, and fix the 5 most common vibe coding mistakes.You’ll Learn:
  • Read browser console errors
  • Use console.log effectively
  • Fix 5 common errors
  • When to ask for help
  • Debugging mindset
Total library watch time: ~145 minutes (2.5 hours)

​
Learning Paths

Pick the path that matches where you are right now. Each path is a straight line — no backtracking, no skipping around.

​
Never coded before. Starting from zero.

1

Flash 01: What Is Vibe Coding?

2

Flash 02: AI Studio Setup

3

Flash 03: Your First Prompt

4

Flash 04: HTML/CSS Decoded

5

Flash 05: Deploy in 5 Minutes

Total: 70 minutes
After Path 1, pick a Beginner blueprint and build your first app. You have everything you need.

​
How to Use Flash Modules

Four steps, every time:
1

Watch the Module

10-20 minutes of focused instruction
2

Do the Mini-Exercise

5-10 minutes of hands-on practice at the end
3

Post Your Result

Share in the Flash Module Q&A channel
4

Move Forward

Next module in your path, or open a blueprint and start building
The mini-exercises are not graded. They exist because watching is not the same as doing. A 5-minute hands-on attempt will lock in more than a second viewing of the same video.

​
When to Watch

Before Your First Live Class

Complete Path 1 before attending your first Vibe Coding Wednesday. 70 minutes of watching means zero minutes confused during the session.

Before Leveling Up

Watch Path 2 before attempting Intermediate blueprints. The skills stack on each other.

When You're Stuck

Go back to the specific module covering what’s confusing you. If your app broke, watch Flash 10 again.

At Your Own Pace

There is no schedule, no deadline, and no one tracking whether you finished. Flash modules exist to serve your project.

​
Connects To

Blueprint Library

Flash modules teach the skills required to build each blueprint

Live Classes

Flash concepts are the starting point for live Wednesday sessions

Ship It Guides

Flash 05 and 09 are condensed versions of Ship It steps

Build docs developers (and LLMs) love

Get started for freeTalk to us