Learning Roadmap 2026

Vibe Coding
Bootcamp

Build real things. Understand the decisions. Ship independently. No theory for theory's sake.

Your Stack
Cursor AI
n8n Automations
Python
JavaScript
Claude / ChatGPT
HTML + CSS
Learning Phases
Foundation
01
Vibe Coding Mindset
  • How to prompt for code (not just chat)
  • Cursor AI: inline edit, composer, context
  • Reading & steering AI output
  • When to trust it, when to fix it
  • Project folder structure habits
Build
02
Mini-Projects Sprint
  • 3 real projects, shipped end-to-end
  • Combining AI tools in a workflow
  • n8n: trigger → process → output
  • Python scripts wired to web UIs
  • Debugging with AI as co-pilot
Ship
03
Capstone Independence
  • Define your own project idea
  • Build it solo (Claude/Cursor assist)
  • Deploy & share a working URL
  • Review + iterate on real feedback
  • Document what you built & why
Mini Projects
🤖
AI Content Summarizer
Paste any URL or text → Claude summarizes it → result displayed in a clean UI. Covers fetch, API calls, prompt engineering, and basic HTML/JS frontend.
JavaScript Claude API HTML/CSS fetch()
Project 01
Automation Pipeline
n8n workflow that watches a Gmail inbox, runs AI classification on each email, and posts a Slack digest every morning. No-code meets real logic.
n8n Gmail API Claude API Slack
Project 02
📊
Data Dashboard
Upload a CSV → Python (Flask) parses it → interactive charts render in browser. Teaches backend + frontend handoff, file handling, and chart libraries.
Python Flask Chart.js JavaScript
Project 03
Capstone

Your Independent Build

You pick the idea. You scope it. You ship it — using everything from the sessions. The goal isn't perfection, it's the full cycle: idea → build → deploy → reflect.

Your own idea
Full stack build
Deployed live
Documented
Built solo