Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Vibe Coding Bootcamp: Become an AI-Augmented Developer
Introduction
The Vibe Coding Bootcamp: Become an AI-Augmented Developer (2:16)
Exercise: Meet Your Classmates and Instructor
ZTM Plugin + Understanding Your Video Player
Course Resources
Set Your Learning Streak Goal
Module 1: Vibe Coding & Web Design
Introduction (8:45)
Story of Vibe Coding (14:36)
Web Design History (6:12)
AI Quirks (11:42)
AI Quirks Demo (9:34)
Professional's Toolkit (10:14)
Module 2: Becoming a Director
Director's Process (8:36)
Free vs. Paid AI
ChatGPT (9:10)
Gemini (7:40)
Claude (8:24)
Pong Game (10:26)
Vibe Project Management (8:44)
Project Challenge
Art of Prompting (11:17)
Prompt Demo (6:04)
Version Control (8:02)
Context (8:14)
Context Demo (5:16)
Test & Refine (8:38)
UI-UX Prank Project (11:43)
Technical Director (7:26)
Let's Have Some Fun (+ More Resources)
Module 3: Choose Your AI Partner (ChatGPT, Gemini, Claude)
Co-Pilot (6:07)
LMArena (9:58)
ChatGPT Plus (15:51)
Gemini Pro (10:56)
Claude Pro (8:55)
Defining Gauntlet (6:40)
AI Scorecard (7:25)
Gauntlet Prompt
ChatGPT Gauntlet (8:00)
Gemini Gauntlet (5:42)
Claude Gauntlet (6:37)
Gauntlet Evaluation (9:56)
Unlimited Updates
Module 4: Developer Setup
Understanding Web Development (16:18)
Creating a Development Environment (10:56)
Mac / Linux: Homebrew, Git & Visual Studio Code Installation (5:34)
Windows: Git & Visual Studio Code Installation (6:57)
Visual Studio Code Overview (11:03)
Terminal & Node.js Setup (16:06)
GitHub Workflow - Method 1 (10:36)
GitHub Workflow - Method 2 (9:36)
Visual Studio Code - Agent Mode (8:04)
Module 5: Projects
Your First Solo Flight (Project Challenges)
Projects Overview (9:37)
Module 6: Reaction Game (Claude)
Reaction Game - Prompt Creation (11:24)
Reaction Game - Prompt
Reaction Game - Part 2 (12:55)
Reaction Game - Part 3 (11:28)
Reaction Game - Part 4 (12:51)
Reaction Game - Part 5 (10:24)
Reaction Game - Review (3:24)
Reaction Game - Feature Suggestions
Course Check-In
Module 7: Compliment & Joke Generator (Gemini)
Compliment & Joke Generator - Prompt Creation (8:26)
Compliment & Joke Generator - Prompt
Compliment & Joke Generator - Part 2 (11:45)
Compliment & Joke Generator - Part 3 (13:18)
Compliment & Joke Generator - Part 4 (8:14)
Compliment & Joke Generator - Review (3:40)
Compliment & Joke Generator - Feature Suggestions
Implement a New Life System
Module 8: Palette Font Kit (ChatGPT)
Palette Font Kit - Prompt
Palette Font Kit - Prompt Creation (11:01)
Palette Font Kit - Part 2 (8:19)
Palette Font Kit - Part 3 (12:34)
Palette Font Kit - Part 4 (15:53)
Palette Font Kit - Review (6:27)
Palette Font Kit - Feature Suggestions
Module 9: Integrated AI Code Editors (Copilot, Cursor, Zed)
AI Types (6:30)
Copilot - Part 1 (11:14)
Copilot - Part 2 (14:04)
Cursor 2.0 Release
Cursor (13:08)
Zed (9:34)
Copilot Gauntlet (7:31)
Cursor Gauntlet (8:21)
Zed Gauntlet (5:28)
Evaluation (11:48)
What About CLI Options?
Exercise: Imposter Syndrome (2:55)
Module 10: Scoundrel Game (Copilot)
Scoundrel Game - Overview, Leonardo AI Image Generation (8:49)
Scoundrel Game - Generated Images
Scoundrel Game - Prompt
Scoundrel Game - Initial Draft (8:20)
Scoundrel Game - Adding Images, Modifying UI (7:55)
Scoundrel Game - Tweaking Logic (11:14)
Scoundrel Game - Fixing Mobile View, Deploying (7:17)
Scoundrel Game - Review (4:09)
Scoundrel Game - Feature Suggestions
Don't Forget to Share your High Score in Discord!
Module 11: News Reader (Copilot)
Full Stack Overview (Proxy API) (5:34)
News Reader - Overview, News API (12:33)
News Reader - Prompt
News Reader - Initial Draft (8:44)
News Reader - Tweaking Logic (9:41)
News Reader - Updating Search, Running Into Limits (9:45)
News Reader - Modifying UI (6:14)
News Reader - Modified UI, Commit, Deploy (15:49)
News Reader - Review (4:20)
News Reader - Feature Suggestions
Module 12: Podcast Player (Copilot)
Podcast Player - Overview, Project Setup (11:57)
"Forking" – Your Personal Copy of Any Project
Podcast Player - Revise Project (12:12)
Podcast Player - Feature Suggestions
Module 13: Recipes (Cursor)
Recipes - Overview, MealDB API, Progressive Web App (PWA) (9:45)
Recipes - Prompt
Recipes - Initial Draft (6:10)
Recipes - Refining Logic (Favorites, Search) (10:15)
Recipes - Reviewing Changes, Favicon, Offline Functionality (11:36)
Recipes - Deployment (9:43)
Recipes - Review (3:11)
Recipes - Feature Suggestions
Module 14: Deeper AI Integration (CLI & MCP)
MCP Fundamentals (9:59)
MCP Examples
Vercel CLI - MCP (10:55)
GitHub MCP (12:43)
Create Your Own MCP Server
Scoundrel PWA - Build Project, Combine Source Code (9:51)
Scoundrel PWA - Offline Functionality (13:48)
Spotify Clone - Prompt
Spotify Clone - Project Setup, Initial Draft (11:11)
Spotify Clone - Review, Deploy (11:55)
Spotify Clone - Feature Suggestions
Module 15: Open-Source AI
Introduction to Open-Source (9:55)
Explaining Model Differences (6:17)
Hugging Face & Ollama - Local AI Setup (11:51)
Visual Studio Code Setup & Testing (6:21)
The Hardware Hurdle (A Realistic Look at Open Source AI)
Module 16: Create Your Developer Portfolio (Cursor)
Portfolio Overview (8:45)
Portfolio Inspiration (12:34)
Portfolio Setup (15:32)
Portfolio - Prompt
Hero Section (12:17)
About Section (9:58)
Capturing Projects (12:48)
Projects Section (9:38)
Contact Section (7:35)
Portfolio Final UI (4:57)
Portfolio Review & Deploy (11:00)
Portfolio - Feature Suggestions
Module 17: The Vibe Coder's Career
The Vibe Coder's Career (10:55)
Project Suggestions
Other Tools to Explore
Appendix
Favicon Creation (6:54)
Where To Go From Here?
Thank You! (1:17)
Review This Course!
Become An Alumni
Learning Guideline
ZTM Events Every Month
LinkedIn Endorsements
The Hardware Hurdle (A Realistic Look at Open Source AI)
This lecture is available exclusively for ZTM Academy members.
If you're already a member,
you'll need to login
.
Join ZTM To Unlock All Lectures