fix: update

2026-02-10 18:51:53 +01:00
parent 43c6a9a5b6
commit 84eeae0554
4 changed files with 94 additions and 34 deletions
--- a/Les02-OpenCode/Les02-Docenttekst-Notes.md
+++ b/Les02-OpenCode/Les02-Docenttekst-Notes.md
@@ -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
 - Vercel → Add New Project → Import Git Repository
 - 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
@@ -200,13 +209,13 @@ STAP 4: DEPLOY

 ---

-### Slide 17: Resultaten
+### Slide 18: Resultaten
 - 2-3 studenten tonen werk
 - "Wat toegevoegd? Hoeveel keer gepusht?"

 ---

-### Slide 18: Samenvatting
+### Slide 19: Samenvatting
 - ✅ OpenCode Terminal + Desktop App
 - ✅ Gratis: Kimi K2.5 Free
 - ✅ Optioneel: OpenAI met API key
@@ -216,17 +225,17 @@ STAP 4: DEPLOY

 ---

-### Slide 19: Huiswerk
+### Slide 20: Huiswerk
 - **Nieuw project vanaf scratch**
 - create-next-app → 3 componenten
 - Push naar GitHub
- **Vercel: Import Project** (zie slide 15!)
+- **Vercel: Import Project** (zie slide 16!)
 - **Inleveren:** Vercel + GitHub link in Teams
 - **Les 3:** Iedereen langs, prompts bespreken

 ---

-### Slide 20: Volgende les
+### Slide 21: Volgende les
 - OpenCode IDE Integratie
 - VSCode plugin
 - "Tot dan!"
--- a/Les02-OpenCode/Les02-Docenttekst.md
+++ b/Les02-OpenCode/Les02-Docenttekst.md
@@ -236,7 +236,7 @@ git push

 ### Slide 14: Demo - Vercel Auto-Deploy

-**[09:43 - 09:47]**
+**[09:43 - 09:45]**

 _[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]**

@@ -268,7 +295,7 @@ _[Toon Vercel dashboard]_

 ## 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)_

@@ -324,7 +351,7 @@ _[Loop actief rond]_

 ## BLOK 6: AFSLUITING (30 minuten)

-### Slide 17: Resultaten delen
+### Slide 18: Resultaten delen

 **[11:30 - 11:40]**

@@ -336,7 +363,7 @@ _[2-3 studenten tonen hun werk]_

 ---

-### Slide 18: Samenvatting
+### Slide 19: Samenvatting

 **[11:40 - 11:50]**

@@ -353,7 +380,7 @@ _[Ruimte voor vragen]_

 ---

-### Slide 19: Huiswerk
+### Slide 20: Huiswerk

 **[11:50 - 11:55]**

@@ -365,7 +392,7 @@ _[Ruimte voor vragen]_

 ---

-### Slide 20: Afsluiting
+### Slide 21: Afsluiting

 **[11:55 - 12:00]**

--- a/Les02-OpenCode/Les02-Lesplan.md
+++ b/Les02-OpenCode/Les02-Lesplan.md
@@ -93,10 +93,11 @@ Na deze les kan de student:
 | Tijd | Activiteit | Slides |
 |------|------------|--------|
 | 09:40-09:43 | **DEMO:** Git add, commit, push | 13 |
-| 09:43-09:47 | **DEMO:** Vercel auto-deploy tonen | 14 |
-| 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 15 |
+| 09:43-09:45 | **DEMO:** Vercel auto-deploy tonen | 14 |
+| 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 |
 |------|------------|--------|
-| 09:50-09:55 | Opdracht uitleggen | 16 |
+| 09:50-09:55 | Opdracht uitleggen | 17 |
 | 09:55-10:15 | Studenten werken (20 min) | - |
 | 10:15-10:30 | ☕ **PAUZE** | - |
 | 10:30-11:30 | Studenten werken (60 min) | - |
@@ -139,10 +140,10 @@ Na deze les kan de student:

 | Tijd | Activiteit | Slides |
 |------|------------|--------|
-| 11:30-11:40 | Resultaten delen (2-3 studenten) | 17 |
-| 11:40-11:50 | Samenvatting + Q&A | 18 |
-| 11:50-11:55 | Huiswerk uitleggen | 19 |
-| 11:55-12:00 | Afsluiting | 20 |
+| 11:30-11:40 | Resultaten delen (2-3 studenten) | 18 |
+| 11:40-11:50 | Samenvatting + Q&A | 19 |
+| 11:50-11:55 | Huiswerk uitleggen | 20 |
+| 11:55-12:00 | Afsluiting | 21 |

 ---

--- a/Les02-OpenCode/Les02-Slide-Overzicht.md
+++ b/Les02-OpenCode/Les02-Slide-Overzicht.md
@@ -1,7 +1,7 @@
 # Les 2: OpenCode - AI Code Assistants

 > **Deel 1: AI Foundations** (Les 1-4)
-> **Totale slides:** 20
+> **Totale slides:** 21
 > **Lesduur:** 3 uur (180 minuten)
 > **Spreektijd:** ~50 min | **Hands-on:** ~85 min | **Pauze:** 15 min

@@ -14,10 +14,10 @@
 | 1 | Welkom & Terugblik | 1-4 | 10 min |
 | 2 | Introductie OpenCode | 5-11 | 10 min |
 | 3 | Setup & Demo | 12 | 20 min |
-| 4 | Git & Vercel Workflow | 13-15 | 10 min |
-| 5 | Hands-on Opdracht | 16 | 85 min |
+| 4 | Git & Vercel Workflow | 13-16 | 10 min |
+| 5 | Hands-on Opdracht | 17 | 85 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..."
 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:**

@@ -247,7 +270,7 @@ Of gebruik GitHub Desktop!

 ## 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)

-### Slide 17: Resultaten delen
+### Slide 18: Resultaten delen

 - Wie wil laten zien?
 - Wat heb je toegevoegd?
@@ -295,7 +318,7 @@ Of gebruik GitHub Desktop!

 ---

-### Slide 18: Samenvatting
+### Slide 19: Samenvatting

 - ✅ OpenCode: open-source AI assistant
 - ✅ 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**

@@ -321,11 +344,11 @@ Of gebruik GitHub Desktop!

 **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