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
GitHub Workflow - Method 1
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