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

fix: les 2

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-10 15:13:47 +01:00
parent d323cb004c
commit d6d279adac
6 changed files with 129 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
Les02-OpenCode/Les02-Slide-Overzicht.md
View File

@@ -1,7 +1,7 @@
# Les 2: OpenCode - AI Code Assistants
> **Deel 1: AI Foundations** (Les 1-4)
> **Totale slides:** 22
> **Totale slides:** 23
> **Lesduur:** 3 uur (180 minuten)
> **Spreektijd:** ~50 min | **Hands-on:** ~85 min | **Pauze:** 15 min
@@ -12,12 +12,12 @@
| Blok | Onderwerp | Slides | Tijd |
|------|-----------|--------|------|
| 1 | Welkom & Terugblik | 1-4 | 10 min |
| 2 | Introductie OpenCode | 5-9 | 10 min |
| 3 | Setup & Demo | 10-14 | 20 min |
| 4 | Git & Vercel Workflow | 15-17 | 10 min |
| 5 | Hands-on Opdracht | 18 | 85 min |
| 2 | Introductie OpenCode | 5-10 | 10 min |
| 3 | Setup & Demo | 11-15 | 20 min |
| 4 | Git & Vercel Workflow | 16-18 | 10 min |
| 5 | Hands-on Opdracht | 19 | 85 min |
| - | **☕ PAUZE** | - | 15 min |
| 6 | Afsluiting | 19-22 | 30 min |
| 6 | Afsluiting | 20-23 | 30 min |
---
@@ -70,11 +70,11 @@
### Slide 5: Wat is OpenCode?
- 🌟 Open source (60.000+ GitHub stars)
- 🔌 Kies je AI: **OpenCode Zen** (gratis!), Groq, Ollama
- 🔌 Kies je AI: OpenCode Zen, Groq, Ollama, **OpenAI**
- 🖥️ Terminal én **Desktop App** (met ingebouwde terminal!)
- 🔒 Privacy-first
**Vandaag:** Desktop App + OpenCode Zen (gratis, geen key nodig)
**Vandaag:** Desktop App + gratis model (Kimi K2.5 Free)
---
@@ -89,8 +89,8 @@ npm i -g opencode-ai@latest
- Download: **opencode.ai/download**
- Installeer voor jouw OS (Mac/Windows)
**AI Model (gratis):**
- `Ctrl+O` → OpenCode Zen → GLM 4.7
**Gratis AI Model:**
- `Ctrl+O` → OpenCode Zen → **Kimi K2.5 Free**
---
@@ -134,9 +134,25 @@ Jullie Vercel project is al gekoppeld aan GitHub.
---
### Slide 10: Optioneel - OpenAI API Key
**Wil je GPT-4 gebruiken?**
1. Ga naar **platform.openai.com**
2. Maak account aan (of log in)
3. API Keys → Create new secret key
4. Kopieer de key (begint met `sk-...`)
5. In OpenCode: `Ctrl+O` → OpenAI → Plak key
**Let op:** OpenAI is betaald (~$0.01 per prompt)
**Tip:** Start met Kimi K2.5 Free, upgrade later als je wilt!
---
## BLOK 3: SETUP & DEMO (20 minuten)
### Slide 10: Demo - Terminal Versie
### Slide 11: Demo - Terminal Versie
**Live demo:**
```bash
@@ -153,7 +169,7 @@ opencode
---
### Slide 11: Desktop App
### Slide 12: Desktop App
**Download:** opencode.ai/download
@@ -166,17 +182,17 @@ opencode
---
### Slide 12: Demo - Desktop App Setup
### Slide 13: Demo - Desktop App Setup
**Live demo:**
1. Open Desktop App
2. Open project folder (je v0 repo)
3. `Ctrl+O` → OpenCode Zen → GLM 4.7
3. `Ctrl+O` → OpenCode Zen → **Kimi K2.5 Free**
4. In terminal: `npm install` + `npm run dev`
---
### Slide 13: Demo - Plan Mode
### Slide 14: Demo - Plan Mode
**Live demo in Desktop App:**
1. Check: 📋 = Plan mode
@@ -186,7 +202,7 @@ _(AI leest alleen, verandert niets)_
---
### Slide 14: Demo - Build Mode
### Slide 15: Demo - Build Mode
**Live demo in Desktop App:**
1. `Tab` → wissel naar 🔨
@@ -199,7 +215,7 @@ _(AI leest alleen, verandert niets)_
## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten)
### Slide 15: Demo - Git Push
### Slide 16: Demo - Git Push
**Live demo (in Desktop App terminal):**
```bash
@@ -212,7 +228,7 @@ Of gebruik GitHub Desktop!
---
### Slide 16: Demo - Vercel Auto-Deploy
### Slide 17: Demo - Vercel Auto-Deploy
**Live demo:**
1. Open Vercel dashboard
@@ -223,7 +239,7 @@ Of gebruik GitHub Desktop!
---
### Slide 17: Nieuw project naar Vercel (voor huiswerk)
### Slide 18: Nieuw project naar Vercel (voor huiswerk)
**Stappen voor een nieuw project:**
@@ -239,7 +255,7 @@ Of gebruik GitHub Desktop!
## BLOK 5: HANDS-ON OPDRACHT (85 minuten)
### Slide 18: Aan de slag! (blijft op scherm)
### Slide 19: Aan de slag! (blijft op scherm)
```
┌─────────────────────────────────────────────────────┐
@@ -255,7 +271,7 @@ Of gebruik GitHub Desktop!
│ ───────────────────────────────────────────────── │
│ 1. Open Desktop App │
│ 2. File → Open Folder → je project │
│ 3. Ctrl+O → OpenCode Zen → GLM 4.7 │
│ 3. Ctrl+O → OpenCode Zen → Kimi K2.5 Free │
├─────────────────────────────────────────────────────┤
│ STAP 3: BOUW MET OPENCODE │
│ ───────────────────────────────────────────────── │
@@ -279,7 +295,7 @@ Of gebruik GitHub Desktop!
## BLOK 6: AFSLUITING (30 minuten)
### Slide 19: Resultaten delen
### Slide 20: Resultaten delen
- Wie wil laten zien?
- Wat heb je toegevoegd?
@@ -287,18 +303,18 @@ Of gebruik GitHub Desktop!
---
### Slide 20: Samenvatting
### Slide 21: Samenvatting
- ✅ OpenCode: open-source AI assistant
- ✅ OpenCode Zen: gratis AI modellen
- ✅ Gratis model: Kimi K2.5 Free
- ✅ Optioneel: OpenAI met API key
- ✅ Plan vs Build mode
- ✅ @ file mentions voor context
- ✅ Git push → Vercel auto-deploy
- ✅ Van v0 copy/paste → lokale development
---
### Slide 21: Huiswerk
### Slide 22: Huiswerk
**Opdracht: Nieuw project vanaf scratch**
@@ -313,11 +329,11 @@ Of gebruik GitHub Desktop!
**In Les 3:** We gaan iedereen langs en bespreken je prompts!
**Stappen voor Vercel: zie slide 17!**
**Stappen voor Vercel: zie slide 18!**
---
### Slide 22: Volgende les
### Slide 23: Volgende les
**Les 3:** OpenCode IDE Integratie