This project-based bootcamp shows students how to build and launch real web applications with Claude Code, even with no coding background. Along the way, students learn to direct AI effectively while gaining practical skills in prompting, version control, web development, app architecture, debugging, and deployment.
The course moves through a connected series of projects that lead up to a refined final application. Students set up their first project, design a business landing page, and build a full-stack notes app complete with authentication and a database. From there, they add API-powered features, sharpen the design and accessibility, reinforce security, and publish the finished app live on the web.
What You Will Learn
- Use Claude Code with confidence for genuine development tasks and multi-step coding workflows
- Prompt and guide AI effectively through context setting, Plan Mode, review, and recovery methods
- Handle version control with Git and GitHub, including branching, pull requests, and code review
- Grasp the fundamentals of modern web development, from HTML, CSS, and JavaScript to APIs and frontend and backend concepts
- Create full-stack applications powered by Next.js, databases, authentication, and external APIs
- Test, debug, secure, and launch production-ready applications to the live web
Course Outline
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
Section 11: Data, Databases & Authentication
-
Store data, manage users, and handle forms
-
Why Your App Needs a Database
-
Database Schemas, Tables & Rows
-
Connecting to Supabase: Step by Step
-
Environment Variables & .env Files
-
Forms & User Input
-
User Authentication
Section 12: Notes App
-
Build a full-stack app with login and persistent data
-
Lab: Notes App
Section 13: APIs, OAuth & Forms
-
Connect to the outside world and handle user data
-
OAuth
-
Working with External APIs
-
Getting & Managing API Keys
-
The API Marketplace
-
Caching
Section 14: Extend the Notes App
-
Add OAuth, a weather API, and a shared cache
-
Lab: Extend the Notes App
Section 15: Design & UX
-
Make your app look and feel like a real product
-
UX/UI Fundamentals & Design Inspiration
-
Components & Design Systems
-
Responsive Design with Tailwind CSS
-
Accessibility: Building for Everyone
-
Screenshots with Claude Code
-
Essential UI States & Browser DevTools
Section 16: Design Makeover
-
Apply design and UX improvements to the notes app
-
Lab: Design Makeover
Section 17: Security
-
Protect your app and your users
-
Six Attacks Every Developer Should Know
-
Input Validation
-
Rate Limiting
-
Data Privacy
-
Security Terms Every Builder Must Know
Section 18: Security Hardening
-
Audit and harden the notes app against common vulnerabilities
-
Lab: Security Hardening
Section 19: Deployment
-
Take your app from localhost to the live web
-
How to Deploy: From Code to Live URL
-
Domains & DNS
-
SEO & Performance
-
Pre-Launch Checklist
Section 20: Launch Day
-
Deploy and ship the notes/weather app to the live web
-
Lab: Launch Day
-
Your Learning Path Forward
This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.
