From 84eeae0554d629462d8efcd10b42d0b65bff1adb Mon Sep 17 00:00:00 2001 From: Tim Rijkse Date: Tue, 10 Feb 2026 18:51:53 +0100 Subject: [PATCH] fix: update --- Les02-OpenCode/Les02-Docenttekst-Notes.md | 23 +++++++---- Les02-OpenCode/Les02-Docenttekst.md | 41 ++++++++++++++++---- Les02-OpenCode/Les02-Lesplan.md | 17 ++++---- Les02-OpenCode/Les02-Slide-Overzicht.md | 47 +++++++++++++++++------ 4 files changed, 94 insertions(+), 34 deletions(-) diff --git a/Les02-OpenCode/Les02-Docenttekst-Notes.md b/Les02-OpenCode/Les02-Docenttekst-Notes.md index 0ad0575..3d6533a 100644 --- 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!" diff --git a/Les02-OpenCode/Les02-Docenttekst.md b/Les02-OpenCode/Les02-Docenttekst.md index 757b062..37ddc68 100644 --- 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]** diff --git a/Les02-OpenCode/Les02-Lesplan.md b/Les02-OpenCode/Les02-Lesplan.md index 6c84d50..f389aea 100644 --- 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 | --- diff --git a/Les02-OpenCode/Les02-Slide-Overzicht.md b/Les02-OpenCode/Les02-Slide-Overzicht.md index 303e2f5..cdfbe59 100644 --- 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