# AI Coding Bootcamp with Claude Code Online

Canonical URL: <https://vdci.edu/courses/ai-coding-bootcamp-claude-code-online>

## Overview

This course teaches you to build real web applications with Claude Code while developing a solid foundation in modern development workflows, with no prior coding experience needed. You'll progress through practical lessons on prompting, planning, coding, debugging, design, security, and deployment, building your projects section by section as you go.

At the heart of the course is an evolving sequence of app-building work that starts with project scaffolding and grows into a full-stack notes application, complete with authentication, database integration, API features, design improvements, and deployment. By the time you finish, you'll have a polished project ready to share in a portfolio or carry forward as the foundation for future work.

## What you'll learn

- Use Claude Code as a practical coding assistant for planning, editing, debugging, and shipping apps
- Build confidence with Git, GitHub, and collaborative development workflows
- Understand how modern web apps fit together across frontend, backend, APIs, and deployment
- Create full-stack projects using Next.js, Supabase, authentication, and third-party APIs
- Strengthen app quality through responsive design, accessibility, testing, and security practices
- Deploy a finished application with environment variables, a custom domain, and launch-ready polish

## Curriculum

#### 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

## Instructors

### Reid Johnson — Instructor

Reid isn't just someone who knows CAD and BIM; he's a licensed architect and contractor who deeply integrates these technologies into every facet of his career. His hands-on experience as a practitioner building real-world projects provides him with an invaluable understanding of how BIM and CAD streamline workflows and enhance design. This practical foundation led him to Autodesk, where he shared his expertise, helping others effectively leverage these powerful tools. Throughout his professional journey, Reid also dedicates himself to education, consistently teaching university courses and shaping the next generation of design professionals by equipping them with essential CAD skills. His unique blend of practical experience, industry knowledge gained at Autodesk, and passion for teaching positions Reid as a true specialist in BIM and CAD technology, capable of bridging the gap between theory and real-world application.

**Credentials:**

- Autodesk Fusion Certified User
- Autodesk Revit Certified Professional
- Autodesk Certified Instructor
- Licensed Architect
- Licensed General Contractor

### David Nguyen — Instructor

David is the AEC Software Specialist at VDCI, with a Bachelor of Science in Construction Management and an Associate’s degree of science in Drafting and General Design from ITT Technical Institute. A San Diego native with over 12 years working in the Design Industry and construction industry, David brings his construction and design expertise to help all students achieve their goals in the field. Outside of his professional life, David loves attending concerts, festivals, playing his guitar and restoring and repairing all types of vehicles.

**Credentials:**

- OSHA 30 hr. Construction Safety Certified
- Construction Software: SketchUp, Bluebeam Revu, Autodesk Suite (AutoCAD, Fusion, Revit)
- Mechanical Software: PTC Creo Parametric, SOLIDWORKS, Mastercam

## FAQ

### Who is the target audience for this course?

This course is a great fit for students who want to move into development or use AI to build tools, apps, and automations for real workplace needs. No prior coding experience required.

### Is this course open to beginners?

Yes, this course is open to beginners. Students must be comfortable using a computer. No other prior knowledge is required.

### Do you offer payment plans or student financing for this course?

This course does not qualify for payment plans or student financing. See our Payment Options FAQ to find related programs that qualify.

### How long do I have access to the course materials?

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.

### What is the cancellation and refund policy for this single course?

For this course, you are entitled to a 90% refund (your payment less the nonrefundable 10% registration fee) within 30 days of purchase if you have not accessed the course materials.

### What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement Expert instructors who are industry professionals and experienced educators that are driven to help you succeed Expert support with answers to your questions from real instructors throughout your learning journey Top-notch curricula that have been tried and tested over many years and are consistently improved for an optimal learning experience 30-day access to class recordings to review material at your own pace A certificate of completion to verify your accomplishment The confidence of learning at an accredited institution

### Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

### Do you offer any discounts for this course?

Take this course as part of a certificate program and save: Software Engineering Certificate Program Online Price: $10,995 | Hours: 520 Hours AI Design Certificate Program Online Price: $6,995 | Hours: 438 Hours

## Pricing

**Tuition:** $2995