fix: better order

readme.md

@@ -14,20 +14,32 @@ Een 18-weekse cursus die studenten meeneemt van AI-beginner naar AI-powered deve
 | 02 | [AI Code Assistants en OpenCode Desktop App](Samenvattingen/Les02-Samenvatting.md) | 1 | 📋 Samenvatting |
 | 03 | [AI Ethics, Privacy & Security + WebStorm](Samenvattingen/Les03-Samenvatting.md) | 1 | 📋 Samenvatting |
 | 04 | [Effectief Prompting, Iteratief Werken & Skills](Samenvattingen/Les04-Samenvatting.md) | 2 | 📋 Samenvatting |
-| 05 | [AI voor Content en Asset Generation](Samenvattingen/Les05-Samenvatting.md) | 2 | 📋 Samenvatting |
-| 06 | [MCP & Component Libraries](Samenvattingen/Les06-Samenvatting.md) | 2 | 📋 Samenvatting |
-| 07 | [Backend Basics met Supabase](Samenvattingen/Les07-Samenvatting.md) | 2 | 📋 Samenvatting |
-| 08 | [Claude Code - Agentic Coding Mode](Samenvattingen/Les08-Samenvatting.md) | 2 | 📋 Samenvatting |
+| 05 | [AI Tool Selection & Workflows](Samenvattingen/Les05-Samenvatting.md) | 2 | 📋 Samenvatting |
+| 06 | [Hands-on: Van Idee naar Prototype](Samenvattingen/Les06-Samenvatting.md) | 2 | 📋 Samenvatting |
+| 07 | [Next.js Project Setup](Samenvattingen/Les07-Samenvatting.md) | 2 | 📋 Samenvatting |
+| 08 | [Supabase Basics](Samenvattingen/Les08-Samenvatting.md) | 2 | 📋 Samenvatting |
 | 09 | [AI Agents - Custom GPTs & Claude Projects](Samenvattingen/Les09-Samenvatting.md) | 2 | 📋 Samenvatting |
-| 10 | [Project Setup & Repository Structure](Samenvattingen/Les10-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 11 | [Introduction to Cursor](Samenvattingen/Les11-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 12 | [Advanced Context Management](Samenvattingen/Les12-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 13 | [Mastering Cursor met Claude Opus](Samenvattingen/Les13-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 10 | [Introduction to Cursor](Samenvattingen/Les10-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 11 | [Project Setup & Repository Structure](Samenvattingen/Les11-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 12 | [MCP & Context Management](Samenvattingen/Les12-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 13 | [Mastering Cursor](Samenvattingen/Les13-Samenvatting.md) | 3 | 📋 Samenvatting |
 | 14 | [Debugging & Code Review met AI](Samenvattingen/Les14-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 15 | [AI-Driven Testing & Quality Assurance](Samenvattingen/Les15-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 16 | [Building AI-Powered Features](Samenvattingen/Les16-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 17 | [Advanced Deployment & Production](Samenvattingen/Les17-Samenvatting.md) | 3 | 📋 Samenvatting |
-| 18 | [Eindopdracht Intro, Planning & Advanced Topics](Samenvattingen/Les18-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 15 | [Vercel AI SDK - AI Features in je App](Samenvattingen/Les15-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 16 | [Deployment & Production](Samenvattingen/Les16-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 17 | [Eindopdracht Kickoff](Samenvattingen/Les17-Samenvatting.md) | 3 | 📋 Samenvatting |
+| 18 | [Eindproject Werksessie](Samenvattingen/Les18-Samenvatting.md) | 3 | 📋 Samenvatting |
+
+---
+
+## Tool Progressie
+
+| Deel | Tools | Kosten |
+|------|-------|--------|
+| Deel 1 | ChatGPT, v0.dev, OpenCode, WebStorm | Gratis (WebStorm via school) |
+| Deel 2 | OpenCode, Claude Desktop, Skills.sh | Gratis |
+| Deel 3 | Cursor | Free tier beschikbaar |
+
+**Eindopdracht:** Cursor (free tier voldoende)
 
 ---
 
@@ -43,17 +55,21 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development.
 
 **Tools:** ChatGPT, v0.dev, Vercel, GitHub
 
-**Theorie/Uitleg:**
-- Het AI-landschap (ChatGPT, Claude, Grok, Gemini)
-- Large Language Models en next-token prediction
-- ChatGPT interface, model kiezen, afbeeldingen analyseren
-- Prompt engineering basics (rol, context, taak, format)
-- Tech stack en kleuren specificeren in prompts
-- De schets-naar-website workflow met v0.dev
+**Docent vertelt:**
+- Het AI-landschap anno nu (ChatGPT, Claude, Grok, Gemini)
+- Wat zijn Large Language Models? Next-token prediction uitgelegd
+- Hallucinaties: waarom AI soms dingen verzint
+- Prompt engineering basics: rol, context, taak, format
+- De schets-naar-website workflow
 
-**Lesopdracht:** Doorloop de complete workflow: teken een hero section op papier, maak foto, upload naar ChatGPT met tech stack/kleuren/stijl, genereer prompt, plak in v0.dev, deploy naar Vercel.
+**Studenten doen:**
+- ChatGPT account aanmaken en verkennen
+- Eerste prompts schrijven en itereren
+- Complete workflow: schets op papier → foto → ChatGPT prompt → v0.dev → deploy naar Vercel
 
-**Huiswerk:** Reflectie schrijven (500 woorden), 5 AI use cases bedenken, tweede component bouwen via de workflow.
+**Lesopdracht:** Doorloop de complete workflow: teken een hero section op papier, maak foto, genereer prompt met ChatGPT, bouw in v0.dev, deploy naar Vercel.
+
+**Huiswerk:** Reflectie schrijven (500 woorden), 5 AI use cases bedenken voor eigen projecten, tweede component bouwen via de workflow.
 
 [→ Ga naar Les 1](Samenvattingen/Les01-Samenvatting.md)
 
@@ -61,18 +77,24 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development.
 
 ### Les 2: AI Code Assistants en OpenCode Desktop App
 
-**Tools:** OpenCode Desktop App, Ollama/Groq API, Vercel
+**Tools:** OpenCode Desktop App, Ollama/Groq API
 
-**Theorie/Uitleg:**
+**Docent vertelt:**
 - Verschil chat-interfaces vs geïntegreerde development tools
-- OpenCode als standalone desktop applicatie
-- Installatie en configuratie met gratis modellen
-- Interface verkenning: code editor, chat, terminal, file browser
+- OpenCode als standalone desktop applicatie (gratis!)
+- Hoe AI code assistants werken
 - Best practices voor code generation prompts
+- Wanneer AI wel/niet te vertrouwen
 
-**Lesopdracht:** Installeer OpenCode, koppel gratis model (Ollama/Groq), bouw responsive navbar component met AI assistance.
+**Studenten doen:**
+- OpenCode installeren en configureren
+- Gratis model koppelen (Ollama lokaal of Groq API)
+- Interface verkennen: code editor, chat, terminal
+- Eerste component bouwen met AI hulp
 
-**Huiswerk:** Bouw landing page component library (hero, features, testimonial, CTA, footer), schrijf blog post over ervaring (300 woorden).
+**Lesopdracht:** Installeer OpenCode, koppel gratis model, bouw responsive navbar component met AI assistance, experimenteer met verschillende prompts.
+
+**Huiswerk:** Bouw landing page component library (hero, features, testimonial, CTA, footer), schrijf blog post over ervaring met OpenCode (300 woorden).
 
 [→ Ga naar Les 2](Samenvattingen/Les02-Samenvatting.md)
 
@@ -82,17 +104,22 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development.
 
 **Tools:** WebStorm (school licentie), OpenCode plugin, Git
 
-**Theorie/Uitleg:**
-- Privacy risico's: wat NOOIT te delen (API keys, credentials, client data)
-- Data ownership bij AI services
-- Security vulnerabilities (SQL injection, XSS, prompt injection)
+**Docent vertelt:**
+- Privacy risico's: wat NOOIT te delen met AI (API keys, credentials, client data)
+- Data ownership bij AI services - waar gaat je code naartoe?
+- Security vulnerabilities in AI-generated code (SQL injection, XSS)
 - GDPR/AVG compliance basics
-- WebStorm installatie en OpenCode plugin configuratie
-- Voordelen IDE vs standalone (project context, Git, debugging)
+- WebStorm als professionele IDE
 
-**Lesopdracht:** Security workshop: identificeer problemen in AI-generated code, maak persoonlijke "AI Safety Checklist". Setup WebStorm met OpenCode plugin.
+**Studenten doen:**
+- Security workshop: identificeer problemen in AI-generated code
+- Maak persoonlijke "AI Safety Checklist"
+- WebStorm installeren met school licentie
+- OpenCode plugin configureren in WebStorm
 
-**Huiswerk:** Bouw secure feature (contact form of auth flow), review met Safety Checklist, schrijf uitgebreide README met gevonden issues en fixes.
+**Lesopdracht:** Security audit van AI-generated code (vind 5 problemen), setup WebStorm met OpenCode plugin, maak je eerste project in WebStorm.
+
+**Huiswerk:** Bouw secure feature (contact form of auth flow), review met je Safety Checklist, schrijf uitgebreide README met gevonden issues en fixes.
 
 [→ Ga naar Les 3](Samenvattingen/Les03-Samenvatting.md)
 
@@ -102,132 +129,194 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development.
 
 **6 lessen · 10 EC**
 
-Verdieping in prompt engineering, Supabase basics, en introductie tot AI agents en MCP.
+Verdieping in prompt engineering, hands-on bouwen, en introductie tot Supabase en AI agents.
 
 ---
 
-## 2.1 Prompt Engineering & Skills
+## 2.1 Prompt Engineering & Consolidatie
 
 ### Les 4: Effectief Prompting, Iteratief Werken & Skills
 
 **Tools:** OpenCode/WebStorm, Skills.sh
 
-**Theorie/Uitleg:**
-- Zero-shot vs few-shot prompting
-- Chain-of-thought reasoning
+**Docent vertelt:**
+- Zero-shot vs few-shot prompting (met voorbeelden)
+- Chain-of-thought reasoning: laat AI stap voor stap denken
 - Role prompting en constraint-based prompting
-- Skills.sh introductie: herbruikbare best-practices packages
-- Skills installeren via CLI (`npx skills add <skill-name>`)
+- Skills.sh: wat het is en waarom het werkt
 - Iteratief werken: start simpel → voeg complexiteit toe
 
-**Lesopdracht:** Installeer Skills, vergelijk output met/zonder skill, bouw data filtering systeem in 4 iteraties.
+**Studenten doen:**
+- Verschillende prompt technieken uitproberen
+- Skills.sh installeren en eerste skill toevoegen
+- Vergelijk output met/zonder skill
+- Bouw feature in 4 iteraties (simpel → complex)
 
-**Huiswerk:** Maak persoonlijke prompt library met 8 templates, installeer en test 3 Skills, documenteer concrete verschillen.
+**Lesopdracht:** Installeer Skills.sh, vergelijk output met/zonder skill, bouw data filtering systeem in 4 iteraties (basis filter → multi-filter → sort → search).
+
+**Huiswerk:** Maak persoonlijke prompt library met 8 templates voor verschillende taken, installeer en test 3 Skills, documenteer concrete verschillen.
 
 [→ Ga naar Les 4](Samenvattingen/Les04-Samenvatting.md)
 
 ---
 
-### Les 5: AI voor Content en Asset Generation
+### Les 5: AI Tool Selection & Workflows
 
-**Tools:** DALL-E 3, Leonardo.ai, Ideogram, Next.js Image
+**Tools:** ChatGPT, Claude, v0.dev, OpenCode
 
-**Theorie/Uitleg:**
-- Image generation tools vergelijking
-- Prompt engineering voor images (style, mood, composition)
-- Asset generation workflow voor web
-- Image optimization (compression, WebP/AVIF, responsive)
-- Copyright en licenties bij AI-generated content
-- Next.js Image component optimalisatie
+**Docent vertelt:**
+- Overzicht van alle AI tools die we kennen
+- Sterke en zwakke punten per tool
+- Wanneer gebruik je welke tool?
+- Tool selection framework: taak → tool
+- Workflow patterns voor AI-assisted development
 
-**Lesopdracht:** Genereer complete visual identity voor fictieve SaaS: hero image, 6 feature icons, 2 illustraties, background pattern, favicon. Integreer in Next.js landing page.
+**Studenten doen:**
+- Dezelfde taak uitvoeren in 3 verschillende tools
+- Output vergelijken en analyseren
+- Tool selection framework invullen
+- Eigen workflow documenteren
 
-**Huiswerk:** Vervang alle placeholder images in bestaand project met AI-gegenereerde assets, schrijf case study (400 woorden) met before/after screenshots.
+| Tool | Sterk in | Minder sterk in |
+|------|----------|-----------------|
+| ChatGPT | Brainstormen, uitleg, planning | Grote codebases |
+| Claude | Lange context, nuance, analyse | Soms te voorzichtig |
+| v0.dev | UI components, snel prototypen | Complexe logica |
+| OpenCode | Code schrijven, project context | Geen web access |
+
+**Lesopdracht:** Bouw een "Contact Form" component met 3 tools (ChatGPT planning → v0.dev UI → OpenCode logica). Documenteer per tool: wat werkte, wat niet, hoe lang duurde het.
+
+**Huiswerk:** Maak je eigen "Tool Selection Cheat Sheet", test het op 2 nieuwe taken, reflecteer op je workflow (400 woorden).
 
 [→ Ga naar Les 5](Samenvattingen/Les05-Samenvatting.md)
 
 ---
 
-## 2.2 MCP & Supabase
+### Les 6: Hands-on: Van Idee naar Prototype
 
-### Les 6: MCP & Component Libraries
+**Tools:** OpenCode/WebStorm, ChatGPT (voor planning)
 
-**Tools:** Claude Desktop, MCP servers, Shadcn/ui, Supabase
+**Docent vertelt:**
+- Hoe ga je van vaag idee naar concrete features?
+- Feature breakdown methode
+- Component thinking: UI opdelen in herbruikbare stukken
+- Minimum Viable Product (MVP) denken
+- Korte demo van het proces
 
-**Theorie/Uitleg:**
-- MCP (Model Context Protocol): AI verbinden met externe data
-- MCP servers: filesystem, databases, APIs
-- Claude Desktop configuratie voor MCP
-- Shadcn/ui systematisch bouwen
-- Component composition patterns
-- Data-driven components die MCP data consumeren
+**Studenten doen:**
+- Kiezen van een simpel project idee
+- Met AI features breakdown maken
+- Component structuur bedenken
+- Prototype bouwen met alles wat ze hebben geleerd
+- Focus op WORKFLOW, niet perfectie
 
-**Lesopdracht:** Configureer MCP servers (filesystem, Supabase), bouw Shadcn component library (DataTable, Card, Form, Button), integreer MCP data in dashboard.
+**Voorbeeld projecten:**
+- Weer widget met 3-daagse forecast
+- Simpele quiz app (3 vragen)
+- Recipe card met ingrediënten toggle
 
-**Huiswerk:** Voeg 5 extra components toe (Modal, Toast, Dropdown, Tabs, Accordion), experimenteer met extra MCP servers (GitHub, Google Drive).
+**Lesopdracht:** Kies een mini-project, maak feature breakdown met AI, bouw werkend prototype. Documenteer je proces: welke prompts werkten, waar liep je vast, hoe loste je het op.
+
+**Huiswerk:** Verbeter je prototype (styling, edge cases), schrijf "Lessons Learned" document (300 woorden), bereid je voor op Les 7 (Next.js).
 
 [→ Ga naar Les 6](Samenvattingen/Les06-Samenvatting.md)
 
 ---
 
-### Les 7: Backend Basics met Supabase
+## 2.2 Next.js & Supabase
 
-**Tools:** Supabase, Next.js, Cursor/OpenCode
+### Les 7: Next.js Project Setup
 
-**Theorie/Uitleg:**
-- Wat is Supabase: open-source Firebase alternative
-- Supabase UI Tour: Table Editor, tabellen maken zonder SQL
-- Database basics: tabellen, kolommen, rijen (geen SQL kennis nodig)
-- Supabase client setup in Next.js
-- CRUD operaties: create, read, update, delete
-- Simpele authenticatie met Auth UI component
-- Environment variables correct gebruiken
+**Tools:** Next.js, OpenCode/WebStorm, Git, Vercel
 
-**Lesopdracht:** Bouw Todo App met Supabase: maak tabel via UI, setup client, bouw CRUD interface, voeg login toe met Auth UI.
+**Docent vertelt:**
+- Wat is Next.js en waarom gebruiken we het?
+- `npx create-next-app` stap voor stap
+- Project structuur uitgelegd (app/, components/, lib/)
+- TypeScript basics voor React
+- Tailwind CSS in Next.js
+- Git basics: commits, push, .gitignore
 
-**Huiswerk:** Extend Todo app met filtering, user-specifieke todos, loading/error states. Deploy naar Vercel.
+**Studenten doen:**
+- Eerste Next.js project aanmaken
+- Project structuur verkennen
+- Simpele pagina's maken
+- Components maken en importeren
+- Deployen naar Vercel
+
+**Lesopdracht:**
+1. Run `npx create-next-app@latest` met TypeScript + Tailwind
+2. Maak 3 pagina's (home, about, contact)
+3. Maak 2 herbruikbare components (Header, Footer)
+4. Style met Tailwind
+5. Deploy naar Vercel
+
+**Huiswerk:** Voeg 2 extra pagina's toe, maak 3 extra components, experimenteer met Tailwind, push alles naar GitHub.
 
 [→ Ga naar Les 7](Samenvattingen/Les07-Samenvatting.md)
 
 ---
 
-## 2.3 AI Integration
+### Les 8: Supabase Basics
 
-### Les 8: Claude Code - Agentic Coding Mode
+**Tools:** Supabase, Next.js, OpenCode
 
-**Tools:** Claude Desktop (Code mode), Skills.sh, Supabase, Next.js
+**Docent vertelt:**
+- Wat is Supabase? (database + auth in één)
+- Supabase project aanmaken (live demo)
+- Table Editor: tabellen maken zonder SQL
+- Environment variables: wat, waarom, hoe
+- Supabase client setup
+- CRUD operaties uitgelegd
+- Auth UI component (plug & play login)
 
-**Theorie/Uitleg:**
-- Wat is Claude Code: agentic coding mode
-- Verschil met chat-based coding
-- Claude Desktop modes: Chat, Projects, Cowork, Code
-- Wanneer Claude Code gebruiken
-- Hoe Claude Code werkt: high-level instructie → analyse → plan → uitvoering
-- Best practices voor autonome development
+**Studenten doen:**
+- Supabase account en project aanmaken
+- Eerste tabel maken via UI
+- `.env.local` configureren
+- Supabase client maken
+- Data ophalen en tonen
+- Auth toevoegen
 
-**Lesopdracht:** Bouw multi-step form wizard met Claude Code (autonoom), bouw User Dashboard met stats die data uit Supabase haalt.
+**Lesopdracht:**
+1. Maak Supabase project
+2. Maak `todos` tabel via Table Editor
+3. Configureer `.env.local`
+4. Bouw Todo app: lijst tonen, toevoegen, afvinken, verwijderen
+5. Voeg login toe met Auth UI
 
-**Huiswerk:** Gebruik Claude Code voor grote refactoring (extract queries), schrijf vergelijkings essay OpenCode vs Claude Code (500 woorden).
+**Huiswerk:** Extend Todo app (filtering, user-specifieke todos), deploy naar Vercel met env vars, test in productie.
 
 [→ Ga naar Les 8](Samenvattingen/Les08-Samenvatting.md)
 
 ---
 
+## 2.3 AI Agents
+
 ### Les 9: AI Agents - Custom GPTs & Claude Projects
 
-**Tools:** Custom GPTs (OpenAI), Claude Projects (Anthropic), MCP
+**Tools:** ChatGPT (Custom GPTs), Claude Desktop (Projects)
 
-**Theorie/Uitleg:**
-- Wat zijn AI Agents: verschil chatbot vs agent
-- Agent capabilities: tool use, memory, planning
-- Custom GPTs: instructions, knowledge base, capabilities
-- Claude Projects: custom instructions, project knowledge
-- Projects combineren met MCP
-- Real-world developer agents bouwen
+**Docent vertelt:**
+- Wat zijn AI Agents? Verschil chatbot vs agent
+- Custom GPTs: hoe maak je ze, wat kun je ermee
+- Claude Projects: custom instructions + project knowledge
+- Wanneer een agent vs gewoon chatten
+- Best practices voor agent instructions
 
-**Lesopdracht:** Bouw Code Review Agent (met checklist als instructions), bouw Documentation Agent voor component library.
+**Studenten doen:**
+- Custom GPT maken voor code review
+- Claude Project opzetten voor eigen project
+- Agents testen en vergelijken
+- Instructions itereren en verbeteren
 
-**Huiswerk:** Test agents in workflow, maak Personal Dev Assistant agent afgestemd op jouw workflow, deel config als gist.
+**Lesopdracht:**
+1. Maak Custom GPT "Code Reviewer" met specifieke checklist
+2. Maak Claude Project voor je Todo app met project context
+3. Test beide met dezelfde code
+4. Documenteer: welke geeft betere feedback?
+
+**Huiswerk:** Maak "Personal Dev Assistant" agent afgestemd op jouw workflow, test in echt werk, deel je beste agent config met de klas.
 
 [→ Ga naar Les 9](Samenvattingen/Les09-Samenvatting.md)
 
@@ -237,200 +326,280 @@ Verdieping in prompt engineering, Supabase basics, en introductie tot AI agents
 
 **9 lessen · 15 EC**
 
-Geavanceerde AI tools, testing, deployment en het eindproject.
+Cursor als professionele tool, MCP, debugging, AI features bouwen, en het eindproject.
 
 ---
 
-## 3.1 Advanced AI Tools
+## 3.1 Cursor & Professional Workflow
 
-### Les 10: Project Setup & Repository Structure
+### Les 10: Introduction to Cursor
 
-**Tools:** Cursor, Git & GitHub, Next.js
+**Tools:** Cursor
 
-**Theorie/Uitleg:**
-- Waarom goede project structuur belangrijk is voor AI tools
-- Ideale folder structuur voor Next.js projecten
-- .cursorrules files: project-specifieke instructies voor Cursor
-- docs/ folder: PROMPT-LOG.md, AI-DECISIONS.md, PROJECT-BRIEF.md
-- Environment variables beheren (.env.local vs .env.example)
-- README.md best practices
-- Git best practices: commits, branches, .gitignore
+**Docent vertelt:**
+- Waarom Cursor? De professionele AI editor
+- Free tier vs Pro: wat krijg je?
+- Core features: Tab completion, CMD+K, Chat, Composer
+- Cursor vs OpenCode: wanneer welke?
+- Live demo van Cursor workflow
 
-**Lesopdracht:** Richt je eindproject repository in: GitHub repo, folder structuur, .cursorrules, docs/ files, environment setup, complete README.
+**Studenten doen:**
+- Cursor installeren
+- Bestaand project openen in Cursor
+- Tab completion ervaren
+- CMD+K voor inline edits
+- Chat voor vragen over code
+- Composer voor multi-file changes
 
-**Huiswerk:** Verfijn setup: uitgebreide .cursorrules (meerdere files), volledig ingevulde PROJECT-BRIEF.md, basis UI components bouwen met Cursor.
+**Lesopdracht:**
+1. Installeer Cursor (free tier)
+2. Open je Todo app in Cursor
+3. Voeg nieuwe feature toe met alleen Cursor (bijv. due dates)
+4. Gebruik elke feature minstens 3x: Tab, CMD+K, Chat, Composer
+5. Noteer: wat werkt goed, wat is wennen?
+
+**Huiswerk:** Bouw complete mini-feature met Cursor, vergelijk ervaring met OpenCode, schrijf reflectie (400 woorden).
 
 [→ Ga naar Les 10](Samenvattingen/Les10-Samenvatting.md)
 
 ---
 
-### Les 11: Introduction to Cursor - De Professionele AI Editor
+### Les 11: Project Setup & Repository Structure
 
-**Tools:** Cursor, GitHub, Skills.sh, Supabase
+**Tools:** Cursor, Git, GitHub
 
-**Theorie/Uitleg:**
-- Waarom Cursor: purpose-built for AI, snelle tab completion
-- Core features: Tab completion, CMD+K, Chat, @ mentions, Composer
-- Skills compatibiliteit (werken meteen in Cursor)
-- Cost discussie: Free vs Pro
-- Wanneer welke tool (OpenCode/Claude Code/Cursor)
+**Docent vertelt:**
+- Waarom goede project structuur cruciaal is voor AI
+- De ideale folder structuur voor Next.js + Cursor
+- .cursorrules files: wat zijn ze, hoe schrijf je ze
+- docs/ folder: PROMPT-LOG, AI-DECISIONS, PROJECT-BRIEF
+- Environment variables: lokaal vs productie
+- README best practices
 
-**Lesopdracht:** Setup Cursor + Skills migration, feature comparison (rebuild filtering system), test Composer mode met analytics dashboard.
+**Studenten doen:**
+- Eindproject repository aanmaken
+- Folder structuur opzetten
+- .cursorrules files schrijven
+- docs/ templates invullen
+- Eerste commit en push
 
-**Huiswerk:** Bouw complete mini-app met Cursor (Weather/Expense/Recipe/Habit), track metrics (tab completion, CMD+K, Composer usage), reflectie (600 woorden).
+**Lesopdracht:**
+1. `npx create-next-app` voor je eindproject
+2. Maak folder structuur aan (zie template)
+3. Schrijf `general.mdc` met jouw project regels
+4. Vul PROJECT-BRIEF.md volledig in
+5. Push naar GitHub
+
+**Huiswerk:** Voeg extra .cursorrules files toe, start PROMPT-LOG.md, maak eerste components met Cursor.
 
 [→ Ga naar Les 11](Samenvattingen/Les11-Samenvatting.md)
 
 ---
 
-### Les 12: Advanced Context Management & AI-Vriendelijke Code
+### Les 12: MCP & Context Management
 
-**Tools:** Cursor, Claude Desktop, .cursorignore
+**Tools:** Cursor, Claude Desktop, MCP servers
 
-**Theorie/Uitleg:**
-- Context windows begrijpen (tokens, sizes)
-- Context strategieën: relevant files, narrow down, pruning
-- Project documentatie voor AI (README, ARCHITECTURE, COMPONENTS)
-- AI-vriendelijke code organisatie
-- Context pruning: fresh chat, .cursorignore
-- Knowledge persistence met Claude Projects
+**Docent vertelt:**
+- Wat is MCP (Model Context Protocol)?
+- MCP servers: filesystem, GitHub, databases
+- Claude Desktop + MCP configureren
+- Context windows: wat zijn tokens, waarom limiet?
+- Context strategieën: relevante files, pruning
+- .cursorignore voor grote projecten
 
-**Lesopdracht:** Context Optimization Challenge: assessment van messy codebase, documentation maken, organization refactor, re-test met verbeterde scores.
+**Studenten doen:**
+- MCP servers configureren in Claude Desktop
+- Filesystem MCP testen
+- GitHub MCP verkennen
+- Context optimalisatie oefenen
+- .cursorignore opzetten
 
-**Huiswerk:** Maak Context Management Playbook met pre-project checklist, folder templates, prompting templates. Maak 3 document templates. Test op nieuw project.
+**Lesopdracht:**
+1. Configureer Claude Desktop met filesystem MCP
+2. Test: laat Claude je project analyseren
+3. Configureer GitHub MCP
+4. Maak .cursorignore voor je project
+5. Experimenteer: wat gebeurt er met grote vs kleine context?
+
+**Huiswerk:** Voeg extra MCP server toe (naar keuze), optimaliseer je project voor AI context, documenteer in AI-DECISIONS.md.
 
 [→ Ga naar Les 12](Samenvattingen/Les12-Samenvatting.md)
 
 ---
 
-### Les 13: Mastering Cursor met Claude Opus & Advanced Skills
+### Les 13: Mastering Cursor
 
-**Tools:** Cursor, Claude Opus/Sonnet/Haiku, Skills.sh, .cursorrules
+**Tools:** Cursor, Claude models
 
-**Theorie/Uitleg:**
-- Model Deep Dive: wanneer Haiku/Sonnet/Opus
-- Composer Mode Mastery: multi-file generatie
-- @ Mentions Deep Dive: @Files, @Folders, @Code, @Docs, @Web
-- Codebase Indexing optimaliseren
-- .cursorrules files: project-specifieke instructies
-- Cost Management: token usage monitoren
+**Docent vertelt:**
+- Model keuze: wanneer Haiku vs Sonnet vs Opus?
+- Composer Mode diepgaand: multi-file generatie
+- @ mentions: @Files, @Folders, @Code, @Docs, @Web
+- Codebase indexing optimaliseren
+- .cursorrules advanced: meerdere files, condities
+- Cost management: tokens monitoren
 
-**Lesopdracht:** Bouw complexe Multi-Step Form Wizard met Cursor Composer + Claude + Skills (4 stappen, progress indicator, validation, localStorage, animations).
+**Studenten doen:**
+- Verschillende models testen op zelfde taak
+- Complexe feature bouwen met Composer
+- @ mentions effectief gebruiken
+- .cursorrules uitbreiden en testen
 
-**Huiswerk:** Research .cursorrules voorbeelden, schrijf comprehensive .cursorrules voor jouw stack, test en itereer.
+**Lesopdracht:** Bouw complexe Multi-Step Form Wizard met Cursor Composer (4 stappen, progress indicator, validation, localStorage persistence).
+
+**Huiswerk:** Research .cursorrules voorbeelden online, schrijf uitgebreide .cursorrules voor jouw eindproject, test en itereer.
 
 [→ Ga naar Les 13](Samenvattingen/Les13-Samenvatting.md)
 
 ---
 
-## 3.2 Debugging & Testing
+## 3.2 Quality & AI Features
 
 ### Les 14: Debugging & Code Review met AI
 
 **Tools:** Cursor, Browser DevTools, React DevTools
 
-**Theorie/Uitleg:**
-- Waarom AI effectief is voor debugging
-- Error messages begrijpen (TypeError, ReferenceError, Hydration errors)
-- Debugging workflow met AI: isoleer → verzamel context → vraag AI → begrijp
-- Console.log debugging strategieën
+**Docent vertelt:**
+- Waarom AI goed is in debugging
+- Error messages lezen en begrijpen
+- Debugging workflow: isoleer → context → vraag AI → begrijp
 - Browser DevTools basics (Console, Network, Elements)
-- Code review met AI: kwaliteit, bugs, performance, security
-- Refactoring met AI hulp
-- Wanneer AI niet te vertrouwen
+- Code review met AI: wat kun je vragen?
+- Wanneer AI NIET te vertrouwen
 
-**Lesopdracht:** Debugging Challenge: los 6 opzettelijke bugs op in een project met AI hulp, documenteer wat je leert in PROMPT-LOG.md.
+**Studenten doen:**
+- Debugging challenge: 6 bugs fixen met AI hulp
+- Browser DevTools gebruiken
+- Code review van eigen code met AI
+- Refactoring met AI suggesties
 
-**Huiswerk:** Code review je eigen eindproject met AI (3 files), refactor 1 complex component, maak persoonlijke debugging checklist.
+**Lesopdracht:** Los 6 opzettelijke bugs op in gegeven project, documenteer per bug: error message, prompt aan AI, oplossing, wat je leerde.
+
+**Huiswerk:** Code review 3 files uit je eindproject met AI, fix gevonden issues, maak persoonlijke debugging checklist.
 
 [→ Ga naar Les 14](Samenvattingen/Les14-Samenvatting.md)
 
 ---
 
-### Les 15: AI-Driven Testing & Quality Assurance
+### Les 15: Vercel AI SDK - AI Features in je App
 
-**Tools:** Cursor, Vitest, React Testing Library, MSW, Playwright
+**Tools:** Vercel AI SDK, Cursor, OpenAI/Anthropic API
 
-**Theorie/Uitleg:**
-- Types van tests: unit, component, integration, E2E
-- AI voor test generation
-- Testing tools: Vitest, React Testing Library, MSW, Playwright
-- Testing Supabase: mocking, RLS testen
-- Code review met AI
-- Code kwaliteit metrics: coverage >70%
+**Docent vertelt:**
+- Waarom Vercel AI SDK? (vs raw API calls)
+- Installatie en setup
+- useChat hook: chat interfaces bouwen
+- useCompletion hook: single completions
+- Streaming responses: hoe en waarom
+- API routes voor AI
+- System prompts schrijven
+- Kosten en rate limiting
 
-**Lesopdracht:** Setup Vitest + RTL, schrijf tests met Cursor (unit, component, integration), bereik >70% coverage.
+**Studenten doen:**
+- AI SDK installeren
+- API route maken
+- Chat component bouwen met useChat
+- Streaming implementeren
+- Custom system prompt schrijven
 
-**Huiswerk:** Implementeer AI Code Review workflow: maak review agent, review 3 components, fix issues, add testing setup aan Starter Template.
+**Lesopdracht:**
+1. `npm install ai @ai-sdk/openai`
+2. Maak `/api/chat` route
+3. Bouw chat component met useChat
+4. Implementeer streaming
+5. Pas system prompt aan voor jouw app
+
+**Huiswerk:** Integreer AI feature in je eindproject (Recipe chat / Budget advisor / Travel planner), sla conversations op in Supabase.
 
 [→ Ga naar Les 15](Samenvattingen/Les15-Samenvatting.md)
 
 ---
 
-## 3.3 AI Features & Deployment
+## 3.3 Deployment & Eindproject
 
-### Les 16: Vercel AI SDK - AI Features in je App
+### Les 16: Deployment & Production
 
-**Tools:** Vercel AI SDK, Next.js API Routes, OpenAI/Anthropic API, Cursor
+**Tools:** Vercel, GitHub, Supabase
 
-**Theorie/Uitleg:**
-- Vercel AI SDK introductie: waarom een SDK vs raw API calls
-- Installatie en configuratie (`ai` package)
-- Core hooks: `useChat` voor conversaties, `useCompletion` voor single completions
-- Streaming responses: hoe het werkt, waarom het UX verbetert
-- API Routes opzetten voor AI (OpenAI/Anthropic providers)
-- Chat UI bouwen met `useChat` hook (messages, input, handleSubmit)
-- Conversation history opslaan in Supabase
-- Error handling en loading states
-- Rate limiting en cost management
+**Docent vertelt:**
+- Vercel deployment flow
+- Environment variables in Vercel
+- Supabase productie setup
+- Custom domains
+- Performance basics (Lighthouse)
+- Monitoring en error tracking
+- Security checklist voor productie
 
-**Lesopdracht:** Bouw een AI Chat component met Vercel AI SDK: setup API route, implementeer `useChat` hook, style met Tailwind, sla chat history op in Supabase.
+**Studenten doen:**
+- Eindproject deployen naar Vercel
+- Env vars configureren
+- Supabase redirect URLs instellen
+- Lighthouse audit runnen
+- Security checklist doorlopen
 
-**Huiswerk:** Extend naar volledige AI feature voor je eindproject (Recipe Generator / Budget Advisor / Travel Planner), voeg streaming UI toe, implementeer conversation history, documenteer je implementatie.
+**Lesopdracht:**
+1. Deploy eindproject naar Vercel
+2. Configureer alle env vars
+3. Test volledige app in productie
+4. Run Lighthouse, fix issues tot score >80
+5. Doorloop security checklist
+
+**Huiswerk:** Custom domain toevoegen (optioneel), performance optimaliseren, documentatie updaten met productie URL.
 
 [→ Ga naar Les 16](Samenvattingen/Les16-Samenvatting.md)
 
 ---
 
-### Les 17: Advanced Deployment & Production (Vercel)
+### Les 17: Eindopdracht Kickoff
 
-**Tools:** Vercel, GitHub Actions, Sentry/LogRocket, Lighthouse, Cursor
+**Tools:** Cursor, alle geleerde tools
 
-**Theorie/Uitleg:**
-- Vercel deployment: edge network, serverless, Git integration
-- Environment variables en secrets
-- Custom domains en DNS
-- Performance optimization: images, fonts, code splitting
-- Vercel Analytics en Web Vitals
-- CI/CD met GitHub Actions
-- Security checklist voor productie
+**Docent vertelt:**
+- Eindopdracht requirements doorlopen
+- Beoordelingscriteria uitleggen
+- Timeline en deadlines
+- Tips voor succesvol afronden
+- Q&A over onduidelijkheden
 
-**Lesopdracht:** Production-ready deployment: pre-deployment checklist, performance optimization (Lighthouse 90+), deploy + monitoring setup.
+**Studenten doen:**
+- Eindopdracht document lezen
+- Vragen stellen
+- Planning maken voor komende weken
+- Beginnen aan ontbrekende features
+- Peer review setup
 
-**Huiswerk:** Maak Production Deployment Playbook met checklists, setup GitHub Actions, bouw monitoring dashboard.
+**Lesopdracht:** Maak gedetailleerde planning voor afronden eindproject, identificeer wat nog moet gebeuren, begin met hoogste prioriteit items.
+
+**Huiswerk:** Werk aan eindproject volgens planning, documenteer voortgang, bereid vragen voor voor werksessie.
 
 [→ Ga naar Les 17](Samenvattingen/Les17-Samenvatting.md)
 
 ---
 
-## 3.4 Eindproject
+### Les 18: Eindproject Werksessie
 
-### Les 18: Eindopdracht Intro, Planning & Advanced Topics
+**Tools:** Cursor, alle geleerde tools
 
-**Tools:** Cursor, Supabase, Skills.sh, Planning tools
+**Docent vertelt:**
+- Korte standup: waar staat iedereen?
+- Beschikbaar voor vragen en hulp
+- Geen nieuwe theorie
 
-**Theorie/Uitleg:**
-- Eindopdracht walkthrough: 10 project opties
-- Requirements en grading rubric
-- Timeline planning (2 weken)
-- Project planning met Cursor als AI partner
-- Database Schema Design workshop
-- Geavanceerde architecture patterns
-- Accessibility Deep Dive (WCAG AA)
+**Studenten doen:**
+- Werken aan eindproject
+- Hulp vragen waar nodig
+- Peer feedback geven
+- Laatste features afronden
+- Documentatie completeren
+- PROMPT-LOG en AI-DECISIONS afronden
 
-**Lesopdracht:** Kies eindproject, maak gedetailleerde planning met AI (features, schema, architecture, timeline), setup GitHub repo + Next.js + Supabase + Skills.
+**Focus:** Dit is werktijd. De docent loopt rond, beantwoordt vragen, helpt bij problemen. Studenten werken zelfstandig aan hun eindproject.
 
-**Huiswerk:** Start bouwen core features: Auth, database, basis layout, eerste core feature. Commit frequent, test elke feature, lever progress update + deployed preview URL.
+**Deliverable eind van de les:**
+- Werkende app deployed
+- Documentatie compleet
+- Klaar voor inleveren (of bijna)
 
 [→ Ga naar Les 18](Samenvattingen/Les18-Samenvatting.md)
 
@@ -440,10 +609,9 @@ Geavanceerde AI tools, testing, deployment en het eindproject.
 
 - **Frontend:** React, Next.js, Tailwind CSS
 - **Backend:** Supabase (Postgres database, Auth)
-- **AI Tools:** ChatGPT, Claude, v0.dev, OpenCode, Cursor, Claude Code
-- **AI SDK:** Vercel AI SDK (`ai` package) voor AI features in apps
-- **Testing:** Vitest, React Testing Library, Playwright
-- **Deployment:** Vercel, GitHub Actions
+- **AI Tools:** ChatGPT, Claude Desktop, v0.dev, OpenCode, Cursor
+- **AI SDK:** Vercel AI SDK voor AI features in apps
+- **Deployment:** Vercel, GitHub
 
 ---