Build with AI collection
Tools and guides
Eight tool guides, sixteen discovery guides, 24 prompt recipes and a starter glossary. Everything here is free; the optional certificate costs $15 after completion.
Tool and usage guides (8)
Publishing a Static Project (Optional)
Three files on a static host make a URL; custom domains, accounts and backends stay optional, publishing is never a certificate condition.
Optional Git and Version History
Snapshots first, Git later: copy the folder today, learn commit history only when curious, never as a gate.
Keep Learning When the Free Quota Ends
Quota pauses generation, not learning: provided responses, browser labs and reviews keep the course fully completable.
Move Your Project Between Tools and Export It
Exported files plus a written handoff carry the project anywhere; a new tool reads files, not your old chat.
Open, Edit and Preview Local Files
One project folder, named files, relative links; edit in any editor and preview by opening the page in the browser.
Working with an AI Coding Assistant in Your Editor
Introduce your files, keep each task narrow, read the diff, and roll back cleanly when a change breaks things.
Working in a Browser-Based App Builder
Give the builder a brief, build structure first, refine in small steps, and export your files so the project is yours.
Prepare Your First Project Brief with an AI Chat Tool
Turn a vague idea into a structured brief an AI tool can build from: one user, one task, scope, examples and measurable checks.
Discovery guides (16)
Beginner AI App Projects with No Coding Background
Three completable projects with scope and success criteria: quote calculator, habit tracker, event planner. Small web apps only, no SaaS promises.
Should I Put an API Key in Frontend Code?
No. Keys, passwords and other people's data never enter prompts or browser code. Synthetic examples, browser-server boundary, lab A03.
How to Publish an AI-Built Static Website
Optional hosting steps with current official sources: checklist first, secrets out, upload three files, verify on phone and desktop. Never required for the certificate.
How to Test an AI-Generated App as a Beginner
Normal, empty, invalid, mobile and old-feature matrix: five checks with expected values written before running. Lab A21.
Build Your First Website with AI Step by Step
Full brief plus a working original example: structure, text, style, behavior, then the mobile and accessibility pass. Lab A10.
Learn AI-Assisted Coding Without Installing Anything
The full beginner path runs in the browser: lessons, three-file labs, local tools. Install an editor only when curious, never as a gate.
Reduce Wasted AI Coding Credits
Small tasks, plan-first messages, and reading before regenerating cut generations sharply. No fixed-cost promises; M06 discipline.
AI Forgets Your Project: Handoff Prompt for a New Chat
Twenty-line handoff: goal, decisions, open bugs, next task. No secrets, no full history. Lab A18 builds it.
How to Learn While Coding with AI
Explain, predict, change, test: narrate what each line does, guess before running, change one thing, verify. Works with M03 concepts.
AI Fixes One Thing and Breaks Another: Keep Working Code Safe
Scope the change to named files, list behaviors that must survive, read the diff, and re-run old checks. Lab A16 and A20 patterns.
How to Report a Bug to an AI Coding Assistant
Package expected, actual, steps, environment, last change, error text and tries; strip secrets; use the debugging brief tool for copyable output.
AI Keeps Fixing the Same Bug: How to Escape the Loop
Stop regenerating: write the repro, test one hypothesis at a time, restore the last working snapshot on the second failure, ask for human help with a packaged report.
How to Break an App Idea into Tasks for AI
Plan before generating: three delivery steps with a check each, starting from the smallest working slice. Scope table plus lab A05.
How to Write Your First AI Coding Prompt
A first prompt that works: goal, context, scope, one example, and how to verify. Bad versus improved example plus the brief builder tool.
AI Coding Tools for Absolute Beginners
Three categories: chat tools take words and return text, coding assistants edit files in an editor, app builders turn briefs into first pages. Pick by task, not by hype.
How to Build an App with AI with No Coding Experience
Start with one small web app: brief an AI tool, build structure first, test five cases, and deliver a working project. No setup, no paid account.