fix: update les

This commit is contained in:
Tim Rijkse
2026-02-07 11:03:42 +01:00
parent fdce1ea0e4
commit d323cb004c
4 changed files with 115 additions and 80 deletions

View File

@@ -50,7 +50,15 @@
---
### Slide 6: Build vs Plan Mode
### Slide 6: Installatie
- **Terminal:** `npm i -g opencode-ai@latest`
- **Desktop App:** opencode.ai/download
- **AI Model:** `Ctrl+O` → OpenCode Zen → GLM 4.7
- "Wij gebruiken vandaag de Desktop App"
---
### Slide 7: Build vs Plan Mode
- **Plan (📋):** leest, analyseert, verandert NIETS
- **Build (🔨):** schrijft code, maakt bestanden
- Wisselen: `Tab`
@@ -60,21 +68,14 @@
---
### Slide 7: Shortcuts
### Slide 8: Shortcuts
- `Ctrl+K` = command menu
- `Tab` = wissel mode
- `@` = zoek bestanden
- `@` = zoek bestanden (context!)
- `Ctrl+O` = model kiezen
---
### Slide 8: @ Mention
- Typ `@` + filename
- AI krijgt exacte context
- Voorbeeld: @Hero.tsx voeg gradient toe
---
### Slide 9: Deployment Workflow
- Wijzig code → git add → commit → push
- Vercel pakt automatisch op
@@ -159,13 +160,29 @@ git push
---
### Slide 18: Opdracht (09:50-09:55)
- **Maak nieuwe pagina in je v0 project:**
1. Clone/pull repo
2. npm install + npm run dev
3. Maak nieuwe pagina (/about, /services, /contact)
4. Voeg link op homepage + push → live op Vercel
- **Doel:** minimaal 2x deployen
- "Kwart over 10 pauze!"
**Blijft op scherm tijdens hands-on!**
```
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 → GLM 4.7
STAP 3: BOUW MET OPENCODE
□ Nieuwe pagina (/about, /services, /contact)
□ Voeg 2 componenten toe
□ Voeg link op homepage
💡 Eén prompt per taak!
STAP 4: DEPLOY
git add . → git commit → git push
Check Vercel dashboard
```
**Doel:** minimaal 2x deployen | ☕ Pauze: 10:15-10:30
---