fix: les 2

This commit is contained in:
Tim Rijkse
2026-02-07 10:31:25 +01:00
parent 3584a9ae75
commit 970efbc8bc
7 changed files with 193 additions and 151 deletions

View File

@@ -44,6 +44,7 @@
### Slide 5: Wat is OpenCode?
- Open source, 60.000+ stars
- Terminal én **Desktop App** (met ingebouwde terminal!)
- Kies je AI: **OpenCode Zen** (gratis!)
- Geen API key nodig
@@ -82,35 +83,38 @@
---
### Slide 10: Installatie
- **DEMO + studenten doen mee:**
```bash
npm i -g opencode-ai@latest
opencode
```
### Slide 10: 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 11: Desktop App
- opencode.ai/download
- Zelfde features, vriendelijker
- **Ingebouwde terminal!**
- Studenten downloaden
---
### Slide 12: Demo - Desktop App Setup
- **DEMO in Desktop App:**
- Open project folder (v0 repo)
- `Ctrl+O` → OpenCode Zen → GLM 4.7
- In terminal: `npm install` + `npm run dev`
---
### Slide 11: Demo - Lokaal draaien
- **DEMO:**
```bash
git clone [url]
npm install
npm run dev
```
- Open localhost:3000
---
### Slide 12: Demo - Plan Mode
- **DEMO:**
### Slide 13: Demo - Plan Mode
- **DEMO in Desktop App:**
- "Analyseer dit project. Hoe werkt de routing?"
- AI leest alleen, verandert niets
---
### Slide 13: Demo - Build Mode
### Slide 14: Demo - Build Mode
- Tab → 🔨
- **DEMO:** "Maak nieuwe pagina /about met hero en link op homepage"
- Toon resultaat in browser
@@ -121,7 +125,7 @@ npm run dev
---
### Slide 14: Demo - Git Push
### Slide 15: Demo - Git Push
- **DEMO:**
```bash
git add .
@@ -132,7 +136,7 @@ git push
---
### Slide 15: Demo - Vercel Auto-Deploy
### Slide 16: Demo - Vercel Auto-Deploy
- **DEMO:**
- Open Vercel dashboard
- Toon "Building..." status
@@ -140,7 +144,7 @@ git push
---
### Slide 16: Nieuw project naar Vercel
### Slide 17: Nieuw project naar Vercel
- **Voor huiswerk!** v0 was automatisch gekoppeld
- **DEMO:** Vercel → Add New Project → Import Git Repository
- Selecteer repo → Deploy
@@ -151,7 +155,7 @@ git push
---
### Slide 17: Opdracht (09:50-09:55)
### Slide 18: Opdracht (09:50-09:55)
- **Maak nieuwe pagina in je v0 project:**
1. Clone/pull repo
2. npm install + npm run dev
@@ -192,31 +196,31 @@ Help bij opstartproblemen:
---
### Slide 18: Resultaten
### Slide 19: Resultaten
- 2-3 studenten tonen werk
- "Wat toegevoegd? Hoeveel keer gepusht?"
---
### Slide 19: Samenvatting
- ✅ OpenCode + Zen (gratis)
### Slide 20: Samenvatting
- ✅ OpenCode Terminal + Desktop App
- ✅ OpenCode Zen (gratis)
- ✅ Plan vs Build mode
- ✅ @ file mentions
- ✅ Git push → auto deploy
- ✅ Van copy/paste → lokale dev
---
### Slide 20: Huiswerk
### Slide 21: Huiswerk
- **Nieuw project vanaf scratch**
- create-next-app → 3 componenten
- Push naar GitHub
- **Vercel: Import Project** (zie slide 16!)
- **Vercel: Import Project** (zie slide 17!)
- 300 woorden reflectie
---
### Slide 21: Volgende les
### Slide 22: Volgende les
- OpenCode IDE Integratie
- VSCode plugin
- "Tot dan!"