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

VDCI

AI Coding Fundamentals

via VDCI

Go to class Write review

Overview

Master modern web application development using Claude Code, GitHub, Next.js, Supabase, APIs, and full deployment workflows through practical, project-driven training. Build real applications while progressing from prompting and debugging through security, design, and launch.

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

Taught by

Reid Johnson and David Nguyen

Reviews

Start your review of AI Coding Fundamentals

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.