Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

The Claude Code Bootcamp: Design, Build, Test and Deploy with Claude

via Zero To Mastery Path

Go to class Write review

Overview

Master Claude Code and Claude Design to plan, build, test, and deploy production-ready web apps. Learn how to give Claude the context, standards, and verification loops it needs to tackle serious software - from backend architecture and interactive interfaces to motion-rich portfolio experiences.

Turn rough ideas into clear, build-ready specs that help your dreams become reality
Master Claude Code from CLI to desktop workflows and create reliable context with CLAUDE.md and memory
Run AI coding workflows safely and autonomously and audit AI-built software for quality and maintainability
Design, test, and ship an interactive frontend plus build and deploy a production-ready TypeScript backend

Syllabus

Module 0: Introduction

Introduction
Exercise: Meet Your Classmates and Instructor
Vibe Coding Callout (A Note on Prerequisites)
Course Resources
Understanding Your Video Player
Set Your Learning Streak Goal

Module 1: Claude - Project Workflow

Demo: Start with your Browser and an Idea...
Links & Resources Here!
The Three Standards
Web App Anatomy
Product Requirement Document (PRD)
Content Model
Site Contract
Design Standard Document
Programming Agents
Claude Project
Building a Website
The Director's Audit
Finishing the Director's Audit
Let's Have Some Fun (+ More Resources)

Module 2: Claude Code - Fundamentals in the Terminal

Introduction to Claude Code
Optional: Developer Setup
Setting Up the Agentic Development Environment
Optional: Agentic Engineering Practice Repository
Slash Commands and Modes Steering
Plan Mode and Memory Architecture
Memory in Practice
Optional: Ogham MCP
Extended Memory: Ogham MCP & Context7
Practice Repository: Architecture Refactor
Permissions, YOLO Mode and Autonomous Execution
Verification Loops
Routines
'/Goal' Command
Plugins
Install a Plugin
Optional: My Standards Plugin Repository
Vercel (CLI vs. MCP)
Exercise: Imposter Syndrome

Module 3: Claude Code - Desktop App

Claude Code Desktop App
Optional: Parallel Sessions Practice Repository
Practice Project: Parallel Sessions Test
Remote Control Feature
Atomic Shipping and the Logic Surgeon Model
Course Check-In

Module 4: Claude Code - VibeMail Project Backend

Project: VibeMail Backend - Architecture and Planning
Heads Up!
Optional: Cloning the Backend Project
Setting Up Google Cloud
Repository Creation & CLAUDE.md
Worktree Architecture: Parallel Sessions
Database Planning
Building the Core Engine
Writing Out Our Server Based Logic
Combining the Server and Schema Sessions
Deploying and Configuring Production Infrastructure
Verifying What We Built
Running Final Tests
VibeMail Backend Project
Unlimited Updates

Module 5: Claude Design / Code - VibeMail Project UI

What is Claude Design?
Opening Up the Claude Design Tool
What Is a Behavioural Spec?
Populating Our DESIGN_SPEC.md
Building the DESIGN.md System
DESIGN.md Previewer
Setting Up the Claude Design System
Iterating Our Email UI in Claude Design
Auditing Our Claude Design
Producing a Migration Plan in Claude Code
Migrating the Handoff Components into a Next.js Structure
Visual Inspection with Our Agent and Accessibility Review
API Integration with UI
Email Bodies & Attachments
Final Pass & Deployment
VibeMail Full-Stack Project
Implement a New Life System

Module 6: Building a Cinematic Portfolio

How to Build a Cinematic Portfolio
Art Direction & Motion Brief
Building the Portfolio Shell
Understanding Shaders
Directing a Shader Hero Section
Building a Control Panel for Shaders
Scroll Motion Foundations
Pinning and Scrubbing an Element
About Section Timeline
Working on the Project Grid
Deployment & Director's Audit
Wire Up Our Contact Form
Portfolio Project

Where To Go From Here?

Thank You!
Review This Course!
Become An Alumni
Learning Guideline
ZTM Events Every Month
LinkedIn Endorsements

Appendix: Developer Setup (Optional)

Developer Environment Setup
4.1 Creating a Development Environment
4.2 Mac / Linux: Homebrew, Git & Visual Studio Code Installation
4.3 Windows: Git & Visual Studio Code Installation
4.4 Visual Studio Code Overview
4.5 Terminal & Node.js Setup
4.6 GitHub Workflow - Method 1
4.7 GitHub Workflow - Method 2

Taught by

Jacinto Wong

Reviews

Start your review of The Claude Code Bootcamp: Design, Build, Test and Deploy with Claude