Welcome
Build anything with AI — no coding experience required.
In this session, you'll discover how AI coding tools like Google Gemini, Claude Code, and ChatGPT can help you build real, working web tools — just by describing what you want in plain English.
The Big Idea
You describe what you want in plain English. AI writes the code. You refine until it's right. The result is a real, working web page.
Your Options
Free for educators with Google Workspace. Uses Canvas mode to generate and preview web apps right in your browser. No setup required.
Best for quick buildsAnthropic's command-line assistant. Works directly in your project files — reads, edits, searches, and runs commands for you.
Best for existing projectsOpenAI's coding assistant. Chat-based code generation with Canvas for visual editing. Wide plugin ecosystem and broad model options.
Most widely usedAll three can build web pages, quizzes, interactive tools, and more from a plain-English description.
The Momentum
AI-assisted coding went from experiment to industry standard in under two years.
of developers now use AI coding tools
— 2025 Developer Survey
of new code at Google is AI-assisted
— Google I/O 2025
of code at Anthropic is written by AI
— Dario Amodei
most in-demand skill: AI fluency
— LinkedIn 2025 Report
Under the Hood
Tools like Claude Code don't just generate code in a vacuum — they can read, search, and understand your existing files. Here's what that looks like:
Open any file and understand its contents
Like opening a document in your editor
Find files by name or pattern across your project
Like searching your computer for *.docx files
Search inside files for specific text or patterns
Like Ctrl+F across your entire project
Under the Hood
Change specific parts of an existing file precisely
Like smart find-and-replace that understands context
Create brand new files from scratch
Like saving a new document to your project
Run terminal commands to install packages, start servers, and more
Like typing commands in Terminal or Command Prompt
Under the Hood
When the AI needs information it doesn't already know, it can search the web and read documentation in real time.
Search the web for current, up-to-date information — frameworks, documentation, best practices.
Like Googling a question mid-project
Visit a specific URL and read its content — API docs, tutorials, reference pages.
Like visiting a website and reading the page
The Workflow
The best AI coding tools don't just dump code — they think through the problem step by step.
Pro Tips
The quality of what AI builds depends entirely on how you describe it. Here are the rules that make the biggest difference:
Don't say "make a quiz." Say "make a 10-question multiple choice quiz on the American Revolution for 8th graders, with instant feedback after each answer."
Tell the AI who will use it. "This is for 7th graders" or "this is for parent conferences" completely changes the output — vocabulary, complexity, design.
Mention colors, layout, and style. "Clean and modern," "dark mode," "use our school colors (blue and gold)" — the AI will follow your lead.
Your first result won't be perfect. That's normal. Say "make the font bigger," "add a timer," "change the green to blue." Each small fix gets you closer.
Watch Out
The Big Picture
Create quizzes, rubrics, classroom timers, interactive activities, and parent communication tools — without learning to code.
Students entering the workforce will use tools like these daily. Understanding how to communicate with AI is becoming as essential as typing.
Spend your time on pedagogy, design, and student outcomes — not syntax, debugging, and Stack Overflow.
Your Turn
The best way to learn vibe coding is to try it. Start small, describe clearly, and refine until it vibes. You don't need to know how the code works — you just need to know what you want.