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

fix: update

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-10 18:51:53 +01:00
parent 43c6a9a5b6
commit 84eeae0554
4 changed files with 94 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -144,7 +144,16 @@ git push
--- ---
### Slide 15: Nieuw project naar Vercel ### Slide 15: Preview Deployments
- **Elke branch = eigen preview URL**
- main → productie | feature/x → preview URL
- Test zonder productie te breken
- Deel preview link met team/klant
- **DEMO:** nieuwe branch pushen → toon preview in Vercel
---
### Slide 16: 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
@@ -155,7 +164,7 @@ git push
--- ---
### Slide 16: Opdracht (blijft op scherm) ### Slide 17: Opdracht (blijft op scherm)
``` ```
STAP 1: PROJECT KLAARZETTEN STAP 1: PROJECT KLAARZETTEN
@@ -200,13 +209,13 @@ STAP 4: DEPLOY
--- ---
### Slide 17: Resultaten ### Slide 18: Resultaten
- 2-3 studenten tonen werk - 2-3 studenten tonen werk
- "Wat toegevoegd? Hoeveel keer gepusht?" - "Wat toegevoegd? Hoeveel keer gepusht?"
--- ---
### Slide 18: Samenvatting ### Slide 19: 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
@@ -216,17 +225,17 @@ STAP 4: DEPLOY
--- ---
### Slide 19: Huiswerk ### Slide 20: 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 15!) - **Vercel: Import Project** (zie slide 16!)
- **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 20: Volgende les ### Slide 21: Volgende les
- OpenCode IDE Integratie - OpenCode IDE Integratie
- VSCode plugin - VSCode plugin
- "Tot dan!" - "Tot dan!"

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

@@ -236,7 +236,7 @@ git push
### Slide 14: Demo - Vercel Auto-Deploy ### Slide 14: Demo - Vercel Auto-Deploy
**[09:43 - 09:47]** **[09:43 - 09:45]**
_[LIVE DEMO]_ _[LIVE DEMO]_
@@ -252,7 +252,34 @@ _[Wacht/toon resultaat]_
--- ---
### Slide 15: Nieuw project naar Vercel ### Slide 15: Preview Deployments
**[09:45 - 09:47]**
"En nu iets super handig: Preview Deployments."
_[Toon Vercel dashboard]_
"Elke branch die je pusht krijgt automatisch z'n eigen preview URL. Kijk:"
"Je main branch gaat naar je productie URL. Maar als je een feature branch pusht - bijvoorbeeld feature/about - krijg je een aparte preview URL."
_[LIVE DEMO - optioneel]_
```bash
git checkout -b feature/test-page
# Maak kleine wijziging
git add . && git commit -m "Test preview"
git push -u origin feature/test-page
```
"En kijk in Vercel... daar is je preview deployment!"
"Waarom is dit handig? Je kunt wijzigingen testen zonder je productie site te breken. En je kunt de preview link delen met je team of klant voor feedback."
---
### Slide 16: Nieuw project naar Vercel
**[09:47 - 09:50]** **[09:47 - 09:50]**
@@ -268,7 +295,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 16: Aan de slag! ### Slide 17: Aan de slag!
**[09:50 - 09:55]** _(5 minuten uitleg)_ **[09:50 - 09:55]** _(5 minuten uitleg)_
@@ -324,7 +351,7 @@ _[Loop actief rond]_
## BLOK 6: AFSLUITING (30 minuten) ## BLOK 6: AFSLUITING (30 minuten)
### Slide 17: Resultaten delen ### Slide 18: Resultaten delen
**[11:30 - 11:40]** **[11:30 - 11:40]**
@@ -336,7 +363,7 @@ _[2-3 studenten tonen hun werk]_
--- ---
### Slide 18: Samenvatting ### Slide 19: Samenvatting
**[11:40 - 11:50]** **[11:40 - 11:50]**
@@ -353,7 +380,7 @@ _[Ruimte voor vragen]_
--- ---
### Slide 19: Huiswerk ### Slide 20: Huiswerk
**[11:50 - 11:55]** **[11:50 - 11:55]**
@@ -365,7 +392,7 @@ _[Ruimte voor vragen]_
--- ---
### Slide 20: Afsluiting ### Slide 21: Afsluiting
**[11:55 - 12:00]** **[11:55 - 12:00]**

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

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

47
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:** 20 > **Totale slides:** 21
> **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-15 | 10 min | | 4 | Git & Vercel Workflow | 13-16 | 10 min |
| 5 | Hands-on Opdracht | 16 | 85 min | | 5 | Hands-on Opdracht | 17 | 85 min |
| - | **☕ PAUZE** | - | 15 min | | - | **☕ PAUZE** | - | 15 min |
| 6 | Afsluiting | 17-20 | 30 min | | 6 | Afsluiting | 18-21 | 30 min |
--- ---
@@ -227,11 +227,34 @@ Of gebruik GitHub Desktop!
2. Zie: "Building..." 2. Zie: "Building..."
3. Na ~1 minuut: live op je URL! 3. Na ~1 minuut: live op je URL!
**Tip:** Vercel toont ook preview voor branches ---
### Slide 15: Preview Deployments
**Branches = Preview URLs**
```
main branch → productie-site.vercel.app
feature/about → productie-site-git-feature-about.vercel.app
```
**Waarom handig?**
- ✅ Test wijzigingen zonder productie te breken
- ✅ Deel preview link met team/klant
- ✅ Automatisch bij elke branch push
**Demo:**
```bash
git checkout -b feature/test-page
# Maak wijziging...
git add . && git commit -m "Test preview"
git push -u origin feature/test-page
```
→ Check Vercel: nieuwe preview deployment!
--- ---
### Slide 15: Nieuw project naar Vercel (voor huiswerk) ### Slide 16: Nieuw project naar Vercel (voor huiswerk)
**Stappen voor een nieuw project:** **Stappen voor een nieuw project:**
@@ -247,7 +270,7 @@ Of gebruik GitHub Desktop!
## BLOK 5: HANDS-ON OPDRACHT (85 minuten) ## BLOK 5: HANDS-ON OPDRACHT (85 minuten)
### Slide 16: Aan de slag! (blijft op scherm) ### Slide 17: Aan de slag! (blijft op scherm)
``` ```
┌─────────────────────────────────────────────────────┐ ┌─────────────────────────────────────────────────────┐
@@ -287,7 +310,7 @@ Of gebruik GitHub Desktop!
## BLOK 6: AFSLUITING (30 minuten) ## BLOK 6: AFSLUITING (30 minuten)
### Slide 17: Resultaten delen ### Slide 18: Resultaten delen
- Wie wil laten zien? - Wie wil laten zien?
- Wat heb je toegevoegd? - Wat heb je toegevoegd?
@@ -295,7 +318,7 @@ Of gebruik GitHub Desktop!
--- ---
### Slide 18: Samenvatting ### Slide 19: Samenvatting
- ✅ OpenCode: open-source AI assistant - ✅ OpenCode: open-source AI assistant
- ✅ Gratis model: Kimi K2.5 Free - ✅ Gratis model: Kimi K2.5 Free
@@ -306,7 +329,7 @@ Of gebruik GitHub Desktop!
--- ---
### Slide 19: Huiswerk ### Slide 20: Huiswerk
**Opdracht: Nieuw project vanaf scratch** **Opdracht: Nieuw project vanaf scratch**
@@ -321,11 +344,11 @@ Of gebruik GitHub Desktop!
**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 15!** **Stappen voor Vercel: zie slide 16!**
--- ---
### Slide 20: Volgende les ### Slide 21: Volgende les
**Les 3:** OpenCode IDE Integratie **Les 3:** OpenCode IDE Integratie