rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: better slides

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-10 18:01:49 +01:00
parent d6d279adac
commit 43c6a9a5b6
5 changed files with 181 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
Les02-OpenCode/Les02-Docenttekst.md
View File

@@ -67,13 +67,13 @@ _[Wijs naar de problemen]_
"Maar wij gebruiken de Desktop App. Download van opencode.ai/download. Installeer het, en je bent klaar."
"Het AI model stel je in met Ctrl+O. Kies OpenCode Zen, dan Kimi K2.5 Free. Gratis!"
"Het AI model stel je in met Ctrl+X M. Kies OpenCode Zen, dan Kimi K2.5 Free. Gratis!"
---
### Slide 7: Build vs Plan Mode
**[09:14 - 09:16]**
**[09:14 - 09:15]**
"Belangrijk concept: twee modes."
@@ -91,17 +91,29 @@ _[Belangrijk punt - benadrukken!]_
### Slide 8: Shortcuts
**[09:16 - 09:18]**
**[09:15 - 09:16]**
"Vier shortcuts om te onthouden:"
"Ctrl+K voor het command menu. Tab om te wisselen tussen modes. @ om bestanden te zoeken - super handig voor context. Ctrl+O om je AI model te kiezen."
"Ctrl+P voor het command menu. Tab om te wisselen tussen modes. @ om bestanden te zoeken - super handig voor context. @explore om je codebase te verkennen zonder wijzigingen."
---
### Slide 9: De Deployment Workflow
### Slide 9: @explore - Codebase Verkennen
**[09:18 - 09:19]**
**[09:16 - 09:17]**
"@explore is een speciale feature. Het is een read-only subagent - hij leest alleen, verandert niets."
"Super handig voor nieuwe codebases. Typ @explore en dan je vraag. Bijvoorbeeld: '@explore waar is de authentication code?' of '@explore hoe werkt de routing?'"
"Het verschil met Plan mode: @explore zoekt actief door je hele project. Plan mode analyseert alleen wat je hem geeft."
---
### Slide 10: De Deployment Workflow
**[09:17 - 09:18]**
"Dit is de workflow die jullie vandaag gaan gebruiken:"
@@ -109,13 +121,13 @@ _[Belangrijk punt - benadrukken!]_
---
### Slide 10: Optioneel - OpenAI API Key
### Slide 11: Optioneel - OpenAI API Key
**[09:19 - 09:20]**
**[09:18 - 09:20]**
"Even dit: als je GPT-4 wil gebruiken in plaats van de gratis modellen, kan dat ook."
"Je maakt een account op platform.openai.com, gaat naar API Keys, maakt een key aan, en plakt die in OpenCode via Ctrl+O."
"Je maakt een account op platform.openai.com, gaat naar API Keys, maakt een key aan, en plakt die in OpenCode via Ctrl+X M."
"Let op: OpenAI is betaald, ongeveer een cent per prompt. Voor nu beginnen we met Kimi K2.5 Free - dat is gratis en werkt prima!"
@@ -123,9 +135,15 @@ _[Belangrijk punt - benadrukken!]_
## BLOK 3: SETUP & DEMO (20 minuten)
### Slide 11: Demo - Terminal Versie
### Slide 12: Live Demo Overzicht
**[09:20 - 09:25]**
**[09:20 - 09:40]**
_[Deze slide blijft op het scherm terwijl je alle demo's geeft]_
---
#### DEMO 1: Terminal Versie (5 min)
_[Open terminal - LIVE DEMO]_
@@ -135,18 +153,16 @@ _[Start opencode in terminal]_
"Dit is de TUI - Terminal User Interface. Kijk naar de shortcuts:"
- "Ctrl+K voor het command menu"
- "Tab om te wisselen tussen Plan en Build mode - zie hier het klembord en de hamer"
- "@ om bestanden te zoeken - super handig voor context"
- "Ctrl+O om je AI model te kiezen"
- "Ctrl+P voor het command menu"
- "Tab om te wisselen tussen Plan en Build mode"
- "@ om bestanden te zoeken"
- "Ctrl+X M om je AI model te kiezen"
"Krachtig! Maar het kan overweldigend zijn voor beginners. Daarom..."
---
### Slide 12: Desktop App
**[09:25 - 09:28]**
#### DEMO 2: Desktop App Setup (5 min)
"...is er ook de Desktop App!"
@@ -156,19 +172,11 @@ _[Open Desktop App]_
_[Laat studenten Desktop App downloaden van opencode.ai/download]_
---
### Slide 13: Demo - Desktop App Setup
**[09:28 - 09:32]**
_[LIVE DEMO in Desktop App]_
"Ik open de Desktop App en selecteer mijn projectfolder - dat is mijn v0 repo."
_[Open project folder]_
"Nu het AI model: Ctrl+O, kies OpenCode Zen, dan Kimi K2.5 Free."
"Nu het AI model: Ctrl+X M, kies OpenCode Zen, dan Kimi K2.5 Free."
_[Laat studenten ook configureren - help waar nodig]_
@@ -178,9 +186,7 @@ _[Toon localhost:3000 in browser]_
---
### Slide 14: Demo - Plan Mode
**[09:32 - 09:36]**
#### DEMO 3: Plan Mode (5 min)
_[LIVE DEMO in Desktop App]_
@@ -194,9 +200,7 @@ _[Wacht op response]_
---
### Slide 15: Demo - Build Mode
**[09:36 - 09:40]**
#### DEMO 4: Build Mode (5 min)
_[LIVE DEMO in Desktop App]_
@@ -212,7 +216,7 @@ _[Wacht op generatie]_
## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten)
### Slide 16: Demo - Git Push
### Slide 13: Demo - Git Push
**[09:40 - 09:43]**
@@ -230,7 +234,7 @@ git push
---
### Slide 17: Demo - Vercel Auto-Deploy
### Slide 14: Demo - Vercel Auto-Deploy
**[09:43 - 09:47]**
@@ -248,7 +252,7 @@ _[Wacht/toon resultaat]_
---
### Slide 18: Nieuw project naar Vercel
### Slide 15: Nieuw project naar Vercel
**[09:47 - 09:50]**
@@ -264,7 +268,7 @@ _[Toon Vercel dashboard]_
## BLOK 5: HANDS-ON OPDRACHT (85 minuten + 15 min pauze)
### Slide 19: Aan de slag!
### Slide 16: Aan de slag!
**[09:50 - 09:55]** _(5 minuten uitleg)_
@@ -320,7 +324,7 @@ _[Loop actief rond]_
## BLOK 6: AFSLUITING (30 minuten)
### Slide 20: Resultaten delen
### Slide 17: Resultaten delen
**[11:30 - 11:40]**
@@ -332,7 +336,7 @@ _[2-3 studenten tonen hun werk]_
---
### Slide 21: Samenvatting
### Slide 18: Samenvatting
**[11:40 - 11:50]**
@@ -342,14 +346,14 @@ _[2-3 studenten tonen hun werk]_
- Gratis model: Kimi K2.5 Free
- Optioneel: OpenAI met API key
- Plan vs Build mode
- @ file mentions voor context
- @explore voor codebase verkennen
- De volledige workflow: lokaal ontwikkelen, pushen, automatisch live
_[Ruimte voor vragen]_
---
### Slide 22: Huiswerk
### Slide 19: Huiswerk
**[11:50 - 11:55]**
@@ -361,7 +365,7 @@ _[Ruimte voor vragen]_
---
### Slide 23: Afsluiting
### Slide 20: Afsluiting
**[11:55 - 12:00]**