Complete Roadmap — Beginner to Advanced

Become an AI Builder with VS Code + Claude Code

The practical, execution-focused course that transforms you from zero coding experience to building, deploying, and monetizing AI-powered tools and systems.

Explore the Curriculum ↓ See the Projects
5
Levels
32
Modules
12
Real Projects
80%
Hands-on
What You'll Master
Everything you need to build with AI
This isn't a theory course. You build real things from day one. Every module has exercises, every level has projects.
⚡

VS Code Mastery

Configure your editor as a professional AI development environment with extensions, shortcuts, and workflows.

🤖

Claude Code Integration

Use Claude Code as your AI pair programmer — file-aware, multi-file operations, terminal commands, and project planning.

🛠

Prompt Engineering

Master the CRISP framework, prompt chaining, and build a reusable prompt library that gets results on the first try.

🚀

Full-Stack Building

Node.js servers, REST APIs, Claude API integration, databases, and deployment to live production URLs.

⚙

Automation Systems

Webhooks, scheduled tasks, multi-service architectures, and AI-powered workflows that run without human intervention.

💰

Monetization

5 revenue models, SaaS building, client delivery, pricing strategies, and a portfolio of production-ready projects.

Your Toolkit
Tools you'll use every day
Professional-grade tools, all free. Set up in Module 1.1.
💻

VS Code

Code editor

🤖

Claude Code

AI development engine

⚙

Node.js

JavaScript runtime

📈

Git + GitHub

Version control

☁

Cloudflare Pages

Static hosting

🚂

Railway

App deployment

Full Curriculum
5 Levels. 32 Modules. Zero fluff.
Each level builds on the last. Click to expand and see every module.
L1

Foundations

From absolute zero to your first working websites, built entirely with AI assistance.

📚 5 Modules 🛠 1 Project 🎯 Environment + First Builds
▼
1.1

Your Machine as a Workshop

Install VS Code, Node.js, Git, and Claude Code. Configure extensions. Verify everything works with your first Claude Code conversation.

SetupExercise
1.2

How Files and Folders Work

File types (.html, .css, .js, .json, .env), project structure patterns, creating your first organized project folder.

ConceptExercise
1.3

Talking to Claude Code

The 3 rules of effective AI instructions. The Instruction Template. Build 3 practice pages with structured prompts.

Concept3 Exercises
1.4

Understanding What the AI Wrote

Read HTML, CSS, and JavaScript in 5 minutes each. Learn to modify AI-generated code confidently.

ConceptExercise
1.5

Mini-Project: Personal Portfolio

Build a complete personal portfolio page — hero, about, skills, work samples, contact form. Responsive. Dark theme.

Project
L2

AI Tools & Prompt Engineering

Command AI like a professional. Chain prompts, use power features, build a reusable prompt library.

📚 5 Modules 🛠 1 Project 🎯 Prompt Mastery
▼
2.1

Prompt Engineering — The CRISP Framework

Context, Role, Instruction, Specifics, Parameters. Write 5 CRISP prompts and compare results with vague prompts.

Framework5 Exercises
2.2

Prompt Chaining — Multi-Step Builds

The 6-step chain pattern: skeleton → content → styling → interactivity → responsive → review. Build an Event Registration Page.

PatternExercise
2.3

Claude Code Power Features

File-aware context, targeted edits, multi-file operations, terminal commands, project planning. Build a 3-page site.

Tool Deep-DiveExercise
2.4

Reusable Prompt Library

Build your personal prompt library with tested, refined prompts for common tasks. 10+ prompts minimum.

ToolExercise
2.5

Mini-Project: Interactive Business Calculator

Loan/ROI calculator with live computation, Chart.js visualization, responsive design, and professional styling.

Project
L3

Building with Claude Code + VS Code

Node.js servers, Git version control, API integration, systematic debugging. Build real full-stack applications.

📚 5 Modules 🛠 1 Project 🎯 Full-Stack Development
▼
3.1

Node.js — Making Things Actually Work

Express servers, routes, environment variables. Build your first API with GET and POST endpoints.

ConceptNode.jsExercise
3.2

Git — Your Safety Net

The 6 commands you actually need. Commits, branches, .gitignore, pushing to GitHub. Version control every project.

GitExercise
3.3

Working with APIs

REST APIs, Claude API, webhooks, third-party services. Build 3 AI-powered API endpoints.

ConceptExercise
3.4

Debugging — The Debug Protocol

Read errors, isolate problems, ask Claude, test fixes. Common error dictionary. Intentional break-and-fix exercises.

Framework5 Exercises
3.5

Mini-Project: AI Chatbot

Full-stack chatbot with Express backend, Claude API integration, conversation memory, rate limiting, and a polished chat UI.

Project
L4

Automation, APIs & Real Projects

Production-ready projects, live deployments, automated systems, and multi-service architectures.

📚 6 Modules 🛠 3 Projects 🎯 Production Systems
▼
4.1

Project Architecture — The Blueprint

Plan before you build. The Project Blueprint template: problem, solution, user flow, tech stack, build order.

FrameworkExercise
4.2

Deployment — Putting It on the Internet

3 deployment paths: Cloudflare Pages (static), Railway (full-stack), Cloudflare Workers (serverless). Deploy 2 projects live.

Deployment2 Exercises
4.3

Automation Fundamentals

Trigger → Process → Action pattern. Webhooks, cron jobs, n8n workflows. Build a Content Approval Webhook.

PatternExercise
4.4

Project: AI Landing Page Generator

Input business details, AI generates a complete styled landing page. Live preview, download, and iterate.

Major Project
4.5

Project: Lead Generation System

Capture forms → AI enrichment → lead scoring → notification. Dashboard with sorted, scored leads.

Major Project
4.6

Project: Content Generation Engine

One topic generates blog post, social posts, newsletter, and video script. Parallel API calls. Dashboard view.

Major Project
L5

Advanced Systems + Monetization

Build SaaS products, deliver client projects, create revenue streams, and launch your AI builder career.

📚 5 Modules 🛠 3 Projects 🎯 Revenue Generation
▼
5.1

From Project to Product

Product Validation Checklist. 5 monetization models with pricing ranges, time investment, and examples.

Framework
5.2

Project: QuickBrief SaaS

Full SaaS tool in 8 stages: core AI → API → auth → landing page → app UI → usage tracking → payments → deploy.

Capstone SaaS
5.3

Client Work — Selling Your Skills

Service menu with pricing. Finding clients on Upwork, locally, and online. Client proposal template and delivery workflow.

BusinessExercise
5.4

Multi-Service Architectures

The Hub pattern: your server orchestrates Claude API, databases, email, webhooks. Build a Client Onboarding System.

ArchitectureProject
5.5

Capstone: Choose Your Path

Build one of three options to completion: AI Writing Assistant SaaS, Business Automation Platform, or AI Agency Portfolio + 3 client tools.

Final Capstone
What You'll Build
12 real projects. Not tutorials.
Every project is built from scratch, deployed to a live URL, and portfolio-ready.
Level 1

Personal Portfolio

Responsive portfolio site with hero, skills, work samples, and contact form. Your first full build with AI.

HTMLCSSLive Server
Level 2

Interactive Business Calculator

Loan/ROI calculator with live computation, Chart.js charts, and responsive professional design.

HTMLCSSJavaScriptChart.js
Level 3

AI Chatbot

Full-stack chatbot with Express backend, Claude API, conversation memory, rate limiting, and polished UI.

Node.jsExpressClaude API
Level 4

AI Landing Page Generator

Input business details, get a complete styled landing page. Live preview, edit, and download.

Node.jsClaude APIExpress
Level 4

Lead Generation System

Automated capture, AI enrichment, scoring, notifications. Dashboard with hot/warm/cold lead sorting.

WebhooksClaude APIExpress
Level 5

QuickBrief SaaS

Full SaaS product: AI generates project briefs from messy requirements. Auth, usage tiers, Stripe payments.

Full-StackAuthStripeClaude API
Your Mental Models
Frameworks you'll use daily
These aren't just concepts. They're repeatable systems that make every build faster and better.

🎯 CRISP — Prompt Engineering Framework

The 5-component system for writing prompts that get exactly what you want on the first try.

C

Context

What you're building and why

R

Role

Who the AI should act as

I

Instruction

What specifically to create

S

Specifics

Details, data, and constraints

P

Parameters

Tech stack and format rules

🔗 6-Step Prompt Chain

How to build complex projects through focused, sequential prompts instead of one massive request.

// The Chain Pattern for any complex build
Step 1: Structure — Create the HTML/code skeleton
Step 2: Content  — Add data, text, and real content
Step 3: Styling  — Visual design and polish
Step 4: Logic    — JavaScript and interactivity
Step 5: Responsive — Mobile and edge cases
Step 6: Review   — Optimize, fix, and harden

🔎 Debug Protocol

A 4-step system for fixing any error. Use it every time something breaks.

Step 1: READ the error — file name, line number, error type
Step 2: ISOLATE — comment out code until the error stops
Step 3: ASK Claude — paste the error, get the fix
Step 4: TEST — apply fix, run again, repeat if needed

📋 Project Blueprint

The planning template used before every project. 10 minutes of planning saves hours of rework.

Problem:     What specific problem? For who?
Solution:   What does this tool DO?
User Flow:  Step-by-step user journey
Tech Stack: Frontend, backend, AI, hosting
Endpoints:  Every API route planned
Build Order: What to build first, second, third
Make Money
5 ways to monetize your AI builder skills
You don't need to pick just one. Most successful builders combine 2-3 models.

SaaS Tool

$29-99/mo

Build a tool, charge monthly. Recurring revenue. Example: AI content generator, brief builder, chatbot platform.

Client Projects

$300-5,000

Build custom AI tools for businesses. Chatbots, dashboards, automations. Per-project pricing.

Templates & Kits

$19-49 each

Sell pre-built systems, prompt libraries, and starter kits. Build once, sell many times.

API Service

$0.01-0.10/call

Wrap AI capabilities in an API. Charge per usage. Text summarization, content generation, data processing.

Automation Agency

$500-2,000/mo

Build and manage AI automations for businesses. Monthly retainer model. Lead gen, content, operations.

Your Journey
The compound effect of building
Consistency beats intensity. Build something every week.

Month 1 — First Builds

Environment set up. Building pages and simple tools with AI. Understanding code structure. Levels 1-2 complete.

Month 2-3 — Full Applications

Node.js servers, APIs, Git workflow. Deploying to live URLs. Building your first AI chatbot. Level 3 complete.

Month 3-4 — Real Projects

Landing page generator, lead gen system, content engine. All deployed and working. Level 4 complete.

Month 5-6 — Revenue

SaaS product built and launched. First client projects delivered. Portfolio of 12+ live projects. Level 5 complete.

Month 6+ — Growth

Recurring revenue from SaaS or clients. Specializing in your niche. Building reputation. Teaching others.

Ready to start building?

The gap between you and an AI builder is action, not knowledge.
Open VS Code. Start Claude Code. Begin Module 1.1.

Start with Level 1 ↑