Learn how to build modern web applications with Claude Code, GitHub, Next.js, Supabase, APIs, and deployment workflows in a hands-on live bootcamp. Create real projects as you move from prompting and debugging to security, design, and launch.
Overview
Syllabus
Section 1: Welcome & Orientation
- Get set up and ready to build
- Welcome to the Course
- What is Vibe Coding?
- Course Structure & Overview
- What You'll Build
- How Claude Code Works
- What is Claude Code?
- Chat vs. Code Mode
- Installing Claude Code
- Desktop App Tour
- Bonus: Using Claude Code in VS Code
Section 2: Git, GitHub & Claude Code Tools
- Version control, the terminal, and core Claude Code settings
- Git & GitHub
- The Terminal & How Claude Uses It
- CLAUDE.md
- Permission Modes
- Your First Interaction with Claude Code
- Lab: Hello Claude Code
Section 3: Prompting & Steering
- Learn to direct Claude Code with precision and confidence
- Steering & Diff Review
- Prompt Engineering
- Outcomes vs. Implementations
- Explore / Plan / Execute / Review
- Context Setting
- Context Management
Section 4: Scaffold Your First Project
- Put your prompting skills to work and build something real
- Scaffolding
- Lab: Scaffold & Extend
Section 5: How the Web Works
- The foundations every web developer needs to understand
- The Web Dev Stack
- URLs, DNS & HTTP
- HTML & CSS Basics
- JavaScript Fundamentals
- Frontend, Backend & APIs
- Dev vs. Production
Section 6: Build, Edit & Debug
- Build features, fix bugs, and write tests with Claude
- Edits to Features
- Building Features
- Debugging
- Testing
- Lab: Build, Edit & Debug
Section 7: App Architecture
- Understand how modern web apps are structured
- Libraries, Packages & npm
- App Architectures
- Next.js Anatomy
- Prompt Comparison
- Plan Mode
- Recovery: When to Steer vs. Restart
Section 8: Business Landing Page
- Build a professional landing page from scratch
- Lab: Business Landing Page
Section 9: Advanced Claude Code & Collaboration
- Power-user workflows and working with teams
- Multi-File Workflows
- Skills & Slash Commands
- Project Planning with Claude Code
- Parallel Sessions with Claude Code
- Hooks & Subagents
- MCP
- CLAUDE.md with Teams
Section 10: Git Workflow
- Advanced Git and collaboration in practice
- Git & GitHub: Advanced
- Pull Requests & Code Reviews with Claude Code
- Lab: Git Workflow