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

fix: les

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-10 19:24:20 +01:00
parent 84eeae0554
commit 984f2256dc
4 changed files with 46 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Les02-OpenCode/Les02-Docenttekst-Notes.md
View File

@@ -126,7 +126,7 @@
--- ---
### Slide 13: Demo - Git Push ### Slide 13: Demo - Git Push & Vercel
- **DEMO:** - **DEMO:**
```bash ```bash
git add . git add .
@@ -134,17 +134,11 @@ git commit -m "Add about page"
git push git push
``` ```
- Of: GitHub Desktop - Of: GitHub Desktop
- → Open Vercel dashboard → "Building..." → Live!
--- ---
### Slide 14: Demo - Vercel Auto-Deploy ### Slide 14: Preview Deployments
- Open Vercel dashboard
- Toon "Building..." status
- Na ~1 min: live!
---
### Slide 15: Preview Deployments
- **Elke branch = eigen preview URL** - **Elke branch = eigen preview URL**
- main → productie | feature/x → preview URL - main → productie | feature/x → preview URL
- Test zonder productie te breken - Test zonder productie te breken
@@ -153,7 +147,7 @@ git push
--- ---
### Slide 16: Nieuw project naar Vercel ### Slide 15: Nieuw project naar Vercel
- **Voor huiswerk!** v0 was automatisch gekoppeld - **Voor huiswerk!** v0 was automatisch gekoppeld
- Vercel → Add New Project → Import Git Repository - Vercel → Add New Project → Import Git Repository
- Selecteer repo → Deploy - Selecteer repo → Deploy
@@ -164,7 +158,7 @@ git push
--- ---
### Slide 17: Opdracht (blijft op scherm) ### Slide 16: Opdracht (blijft op scherm)
``` ```
STAP 1: PROJECT KLAARZETTEN STAP 1: PROJECT KLAARZETTEN
@@ -209,13 +203,13 @@ STAP 4: DEPLOY
--- ---
### Slide 18: Resultaten ### Slide 17: Resultaten
- 2-3 studenten tonen werk - 2-3 studenten tonen werk
- "Wat toegevoegd? Hoeveel keer gepusht?" - "Wat toegevoegd? Hoeveel keer gepusht?"
--- ---
### Slide 19: Samenvatting ### Slide 18: Samenvatting
- ✅ OpenCode Terminal + Desktop App - ✅ OpenCode Terminal + Desktop App
- ✅ Gratis: Kimi K2.5 Free - ✅ Gratis: Kimi K2.5 Free
- ✅ Optioneel: OpenAI met API key - ✅ Optioneel: OpenAI met API key
@@ -225,17 +219,17 @@ STAP 4: DEPLOY
--- ---
### Slide 20: Huiswerk ### Slide 19: Huiswerk
- **Nieuw project vanaf scratch** - **Nieuw project vanaf scratch**
- create-next-app → 3 componenten - create-next-app → 3 componenten
- Push naar GitHub - Push naar GitHub
- **Vercel: Import Project** (zie slide 16!) - **Vercel: Import Project** (zie slide 15!)
- **Inleveren:** Vercel + GitHub link in Teams - **Inleveren:** Vercel + GitHub link in Teams
- **Les 3:** Iedereen langs, prompts bespreken - **Les 3:** Iedereen langs, prompts bespreken
--- ---
### Slide 21: Volgende les ### Slide 20: Volgende les
- OpenCode IDE Integratie - OpenCode IDE Integratie
- VSCode plugin - VSCode plugin
- "Tot dan!" - "Tot dan!"

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

@@ -216,9 +216,9 @@ _[Wacht op generatie]_
## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten) ## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten)
### Slide 13: Demo - Git Push ### Slide 13: Demo - Git Push & Vercel
**[09:40 - 09:43]** **[09:40 - 09:45]**
_[LIVE DEMO in Desktop App terminal]_ _[LIVE DEMO in Desktop App terminal]_
@@ -232,27 +232,15 @@ git push
"Of als je GitHub Desktop prefereert: changed files links, commit message, commit, push." "Of als je GitHub Desktop prefereert: changed files links, commit message, commit, push."
--- _[Open Vercel dashboard]_
### Slide 14: Demo - Vercel Auto-Deploy "Zie je? Building. Vercel heeft de push opgepikt. Na ongeveer een minuut... Live! De wijzigingen staan online."
**[09:43 - 09:45]** "Dit is de workflow: code lokaal, push, automatisch live."
_[LIVE DEMO]_
"Open Vercel dashboard..."
_[Toon building status]_
"Zie je? Building. Vercel heeft de push opgepikt. Na ongeveer een minuut..."
_[Wacht/toon resultaat]_
"Live! De wijzigingen staan online. Dit is de workflow: code lokaal, push, automatisch live."
--- ---
### Slide 15: Preview Deployments ### Slide 14: Preview Deployments
**[09:45 - 09:47]** **[09:45 - 09:47]**
@@ -279,7 +267,7 @@ git push -u origin feature/test-page
--- ---
### Slide 16: Nieuw project naar Vercel ### Slide 15: Nieuw project naar Vercel
**[09:47 - 09:50]** **[09:47 - 09:50]**
@@ -295,7 +283,7 @@ _[Toon Vercel dashboard]_
## BLOK 5: HANDS-ON OPDRACHT (85 minuten + 15 min pauze) ## BLOK 5: HANDS-ON OPDRACHT (85 minuten + 15 min pauze)
### Slide 17: Aan de slag! ### Slide 16: Aan de slag!
**[09:50 - 09:55]** _(5 minuten uitleg)_ **[09:50 - 09:55]** _(5 minuten uitleg)_
@@ -351,7 +339,7 @@ _[Loop actief rond]_
## BLOK 6: AFSLUITING (30 minuten) ## BLOK 6: AFSLUITING (30 minuten)
### Slide 18: Resultaten delen ### Slide 17: Resultaten delen
**[11:30 - 11:40]** **[11:30 - 11:40]**
@@ -363,7 +351,7 @@ _[2-3 studenten tonen hun werk]_
--- ---
### Slide 19: Samenvatting ### Slide 18: Samenvatting
**[11:40 - 11:50]** **[11:40 - 11:50]**
@@ -380,7 +368,7 @@ _[Ruimte voor vragen]_
--- ---
### Slide 20: Huiswerk ### Slide 19: Huiswerk
**[11:50 - 11:55]** **[11:50 - 11:55]**
@@ -392,7 +380,7 @@ _[Ruimte voor vragen]_
--- ---
### Slide 21: Afsluiting ### Slide 20: Afsluiting
**[11:55 - 12:00]** **[11:55 - 12:00]**

17
Les02-OpenCode/Les02-Lesplan.md
View File

@@ -92,10 +92,9 @@ Na deze les kan de student:
| Tijd | Activiteit | Slides | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 09:40-09:43 | **DEMO:** Git add, commit, push | 13 | | 09:40-09:45 | **DEMO:** Git push + Vercel auto-deploy | 13 |
| 09:43-09:45 | **DEMO:** Vercel auto-deploy tonen | 14 | | 09:45-09:47 | **DEMO:** Preview Deployments (branches) | 14 |
| 09:45-09:47 | **DEMO:** Preview Deployments (branches) | 15 | | 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 15 |
| 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 16 |
**Kernboodschap:** "Push naar GitHub = automatisch live op Vercel. Branches krijgen preview URLs!" **Kernboodschap:** "Push naar GitHub = automatisch live op Vercel. Branches krijgen preview URLs!"
@@ -105,7 +104,7 @@ Na deze les kan de student:
| Tijd | Activiteit | Slides | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 09:50-09:55 | Opdracht uitleggen | 17 | | 09:50-09:55 | Opdracht uitleggen | 16 |
| 09:55-10:15 | Studenten werken (20 min) | - | | 09:55-10:15 | Studenten werken (20 min) | - |
| 10:15-10:30 | ☕ **PAUZE** | - | | 10:15-10:30 | ☕ **PAUZE** | - |
| 10:30-11:30 | Studenten werken (60 min) | - | | 10:30-11:30 | Studenten werken (60 min) | - |
@@ -140,10 +139,10 @@ Na deze les kan de student:
| Tijd | Activiteit | Slides | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 11:30-11:40 | Resultaten delen (2-3 studenten) | 18 | | 11:30-11:40 | Resultaten delen (2-3 studenten) | 17 |
| 11:40-11:50 | Samenvatting + Q&A | 19 | | 11:40-11:50 | Samenvatting + Q&A | 18 |
| 11:50-11:55 | Huiswerk uitleggen | 20 | | 11:50-11:55 | Huiswerk uitleggen | 19 |
| 11:55-12:00 | Afsluiting | 21 | | 11:55-12:00 | Afsluiting | 20 |
--- ---

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

@@ -1,7 +1,7 @@
# Les 2: OpenCode - AI Code Assistants # Les 2: OpenCode - AI Code Assistants
> **Deel 1: AI Foundations** (Les 1-4) > **Deel 1: AI Foundations** (Les 1-4)
> **Totale slides:** 21 > **Totale slides:** 20
> **Lesduur:** 3 uur (180 minuten) > **Lesduur:** 3 uur (180 minuten)
> **Spreektijd:** ~50 min | **Hands-on:** ~85 min | **Pauze:** 15 min > **Spreektijd:** ~50 min | **Hands-on:** ~85 min | **Pauze:** 15 min
@@ -14,10 +14,10 @@
| 1 | Welkom & Terugblik | 1-4 | 10 min | | 1 | Welkom & Terugblik | 1-4 | 10 min |
| 2 | Introductie OpenCode | 5-11 | 10 min | | 2 | Introductie OpenCode | 5-11 | 10 min |
| 3 | Setup & Demo | 12 | 20 min | | 3 | Setup & Demo | 12 | 20 min |
| 4 | Git & Vercel Workflow | 13-16 | 10 min | | 4 | Git & Vercel Workflow | 13-15 | 10 min |
| 5 | Hands-on Opdracht | 17 | 85 min | | 5 | Hands-on Opdracht | 16 | 85 min |
| - | **☕ PAUZE** | - | 15 min | | - | **☕ PAUZE** | - | 15 min |
| 6 | Afsluiting | 18-21 | 30 min | | 6 | Afsluiting | 17-20 | 30 min |
--- ---
@@ -207,7 +207,7 @@ Jullie Vercel project is al gekoppeld aan GitHub.
## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten) ## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten)
### Slide 13: Demo - Git Push ### Slide 13: Demo - Git Push & Vercel
**Live demo (in Desktop App terminal):** **Live demo (in Desktop App terminal):**
```bash ```bash
@@ -216,20 +216,13 @@ git commit -m "Add about page"
git push git push
``` ```
Of gebruik GitHub Desktop! **→ Open Vercel dashboard:**
1. Zie: "Building..."
2. Na ~1 minuut: live op je URL!
--- ---
### Slide 14: Demo - Vercel Auto-Deploy ### Slide 14: Preview Deployments
**Live demo:**
1. Open Vercel dashboard
2. Zie: "Building..."
3. Na ~1 minuut: live op je URL!
---
### Slide 15: Preview Deployments
**Branches = Preview URLs** **Branches = Preview URLs**
@@ -254,7 +247,7 @@ git push -u origin feature/test-page
--- ---
### Slide 16: Nieuw project naar Vercel (voor huiswerk) ### Slide 15: Nieuw project naar Vercel (voor huiswerk)
**Stappen voor een nieuw project:** **Stappen voor een nieuw project:**
@@ -270,7 +263,7 @@ git push -u origin feature/test-page
## BLOK 5: HANDS-ON OPDRACHT (85 minuten) ## BLOK 5: HANDS-ON OPDRACHT (85 minuten)
### Slide 17: Aan de slag! (blijft op scherm) ### Slide 16: Aan de slag! (blijft op scherm)
``` ```
┌─────────────────────────────────────────────────────┐ ┌─────────────────────────────────────────────────────┐
@@ -310,7 +303,7 @@ git push -u origin feature/test-page
## BLOK 6: AFSLUITING (30 minuten) ## BLOK 6: AFSLUITING (30 minuten)
### Slide 18: Resultaten delen ### Slide 17: Resultaten delen
- Wie wil laten zien? - Wie wil laten zien?
- Wat heb je toegevoegd? - Wat heb je toegevoegd?
@@ -318,7 +311,7 @@ git push -u origin feature/test-page
--- ---
### Slide 19: Samenvatting ### Slide 18: Samenvatting
- ✅ OpenCode: open-source AI assistant - ✅ OpenCode: open-source AI assistant
- ✅ Gratis model: Kimi K2.5 Free - ✅ Gratis model: Kimi K2.5 Free
@@ -329,7 +322,7 @@ git push -u origin feature/test-page
--- ---
### Slide 20: Huiswerk ### Slide 19: Huiswerk
**Opdracht: Nieuw project vanaf scratch** **Opdracht: Nieuw project vanaf scratch**
@@ -344,11 +337,11 @@ git push -u origin feature/test-page
**In Les 3:** We gaan iedereen langs en bespreken je prompts! **In Les 3:** We gaan iedereen langs en bespreken je prompts!
**Stappen voor Vercel: zie slide 16!** **Stappen voor Vercel: zie slide 15!**
--- ---
### Slide 21: Volgende les ### Slide 20: Volgende les
**Les 3:** OpenCode IDE Integratie **Les 3:** OpenCode IDE Integratie