fix: better slides

Les02-OpenCode/Les02-Docenttekst-Notes.md

@@ -52,7 +52,7 @@
 ### Slide 6: Installatie
 - **Terminal:** `npm i -g opencode-ai@latest`
 - **Desktop App:** opencode.ai/download
-- **Gratis AI Model:** `Ctrl+O` → OpenCode Zen → **Kimi K2.5 Free**
+- **Gratis AI Model:** `Ctrl+X M` → OpenCode Zen → **Kimi K2.5 Free**
 - "Wij gebruiken vandaag de Desktop App"
 
 ---
@@ -62,30 +62,35 @@
 - **Build (🔨):** schrijft code, maakt bestanden
 - Wisselen: `Tab`
 - **💡 Eén prompt per taak!**
-  - ❌ "Maak complete website"
-  - ✅ "Maak header" → "Voeg hero toe" → etc.
 
 ---
 
 ### Slide 8: Shortcuts
-- `Ctrl+K` = command menu
+- `Ctrl+P` = command menu
 - `Tab` = wissel mode
 - `@` = zoek bestanden (context!)
-- `Ctrl+O` = model kiezen
+- `@explore` = codebase verkennen (read-only)
 
 ---
 
-### Slide 9: Deployment Workflow
+### Slide 9: @explore - Codebase Verkennen
+- **Read-only** subagent
+- Zoekt bestanden, vindt keywords
+- Maakt **geen wijzigingen**
+- Voorbeeld: `@explore how does routing work?`
+
+---
+
+### Slide 10: Deployment Workflow
 - Wijzig code → git add → commit → push
 - Vercel pakt automatisch op
 - Jullie repos zijn al gekoppeld!
 
 ---
 
-### Slide 10: Optioneel - OpenAI API Key
+### Slide 11: Optioneel - OpenAI API Key
 - **Wil je GPT-4?** platform.openai.com → API Keys
-- Kopieer key (`sk-...`)
-- In OpenCode: `Ctrl+O` → OpenAI → Plak key
+- In OpenCode: `Ctrl+X M` → OpenAI → Plak key
 - **Let op:** betaald (~$0.01/prompt)
 - **Tip:** Start met Kimi K2.5 Free!
 
@@ -95,41 +100,25 @@
 
 ---
 
-### Slide 11: Demo - Terminal Versie
-- **LIVE DEMO:** `npm i -g opencode-ai@latest` + `opencode`
-- Toon shortcuts: `Ctrl+K`, `Tab`, `@`, `Ctrl+O`
-- Toon Plan/Build mode
-- "Krachtig! Maar we gaan iets gebruiksvriendelijkers gebruiken..."
+### Slide 12: Live Demo Overzicht (blijft op scherm)
 
----
+**DEMO 1: Terminal (5 min)**
+- `opencode` → toon Ctrl+P, Tab, @, Ctrl+X M
+- "Krachtig, maar Desktop App is vriendelijker..."
 
-### Slide 12: Desktop App
-- opencode.ai/download
-- Zelfde features, vriendelijker
-- **Ingebouwde terminal!**
-- Studenten downloaden
+**DEMO 2: Desktop App Setup (5 min)**
+- Open App → Open Folder → v0 project
+- Ctrl+X M → OpenCode Zen → Kimi K2.5 Free
+- Terminal: `npm install && npm run dev`
 
----
-
-### Slide 13: Demo - Desktop App Setup
-- **DEMO in Desktop App:**
-- Open project folder (v0 repo)
-- `Ctrl+O` → OpenCode Zen → **Kimi K2.5 Free**
-- In terminal: `npm install` + `npm run dev`
-
----
-
-### Slide 14: Demo - Plan Mode
-- **DEMO in Desktop App:**
-- "Analyseer dit project. Hoe werkt de routing?"
+**DEMO 3: Plan Mode (5 min)**
+- 📋 "Analyseer dit project. Hoe werkt de routing?"
 - AI leest alleen, verandert niets
 
----
-
-### Slide 15: Demo - Build Mode
+**DEMO 4: Build Mode (5 min)**
 - Tab → 🔨
-- **DEMO:** "Maak nieuwe pagina /about met hero en link op homepage"
-- Toon resultaat in browser
+- "Maak nieuwe pagina /about met hero"
+- Review → Accept → Refresh browser
 
 ---
 
@@ -137,7 +126,7 @@
 
 ---
 
-### Slide 16: Demo - Git Push
+### Slide 13: Demo - Git Push
 - **DEMO:**
 ```bash
 git add .
@@ -148,17 +137,16 @@ git push
 
 ---
 
-### Slide 17: Demo - Vercel Auto-Deploy
-- **DEMO:**
+### Slide 14: Demo - Vercel Auto-Deploy
 - Open Vercel dashboard
 - Toon "Building..." status
 - Na ~1 min: live!
 
 ---
 
-### Slide 18: Nieuw project naar Vercel
+### Slide 15: Nieuw project naar Vercel
 - **Voor huiswerk!** v0 was automatisch gekoppeld
-- **DEMO:** Vercel → Add New Project → Import Git Repository
+- Vercel → Add New Project → Import Git Repository
 - Selecteer repo → Deploy
 
 ---
@@ -167,17 +155,14 @@ git push
 
 ---
 
-### Slide 19: Opdracht (09:50-09:55)
-
-**Blijft op scherm tijdens hands-on!**
+### Slide 16: Opdracht (blijft op scherm)
 
 ```
 STAP 1: PROJECT KLAARZETTEN
   git clone → cd → npm install → npm run dev
-  Open http://localhost:3000
 
 STAP 2: OPENCODE DESKTOP APP
-  Open App → Open Folder → Ctrl+O → Zen → Kimi K2.5 Free
+  Open App → Open Folder → Ctrl+X M → Zen → Kimi K2.5 Free
 
 STAP 3: BOUW MET OPENCODE
   □ Nieuwe pagina (/about, /services, /contact)
@@ -187,7 +172,6 @@ STAP 3: BOUW MET OPENCODE
 
 STAP 4: DEPLOY
   git add . → git commit → git push
-  Check Vercel dashboard
 ```
 
 **Doel:** minimaal 2x deployen | ☕ Pauze: 10:15-10:30
@@ -195,10 +179,7 @@ STAP 4: DEPLOY
 ---
 
 ### Hands-on deel 1 (09:55-10:15)
-
-**20 minuten werken** (25 min incl. uitleg)
-
-Help bij opstartproblemen:
+- Help bij opstartproblemen
 - Draait npm run dev?
 - Kimi K2.5 Free geselecteerd?
 
@@ -206,14 +187,9 @@ Help bij opstartproblemen:
 
 ### ☕ PAUZE (10:15-10:30)
 
-"Om half 11 gaan we verder"
-
 ---
 
 ### Hands-on deel 2 (10:30-11:30)
-
-**60 minuten werken**
-
 **Checks:**
 - 10:45 - "Wie draait lokaal?"
 - 11:15 - "Wie heeft 2x gepusht?"
@@ -224,33 +200,33 @@ Help bij opstartproblemen:
 
 ---
 
-### Slide 20: Resultaten
+### Slide 17: Resultaten
 - 2-3 studenten tonen werk
 - "Wat toegevoegd? Hoeveel keer gepusht?"
 
 ---
 
-### Slide 21: Samenvatting
+### Slide 18: Samenvatting
 - ✅ OpenCode Terminal + Desktop App
 - ✅ Gratis: Kimi K2.5 Free
 - ✅ Optioneel: OpenAI met API key
 - ✅ Plan vs Build mode
-- ✅ @ file mentions
+- ✅ @explore voor codebase verkennen
 - ✅ Git push → auto deploy
 
 ---
 
-### Slide 22: Huiswerk
+### Slide 19: Huiswerk
 - **Nieuw project vanaf scratch**
 - create-next-app → 3 componenten
 - Push naar GitHub
-- **Vercel: Import Project** (zie slide 18!)
+- **Vercel: Import Project** (zie slide 15!)
 - **Inleveren:** Vercel + GitHub link in Teams
 - **Les 3:** Iedereen langs, prompts bespreken
 
 ---
 
-### Slide 23: Volgende les
+### Slide 20: Volgende les
 - OpenCode IDE Integratie
 - VSCode plugin
 - "Tot dan!"