diff --git a/Les02-OpenCode/Les02-Docenttekst-Notes.md b/Les02-OpenCode/Les02-Docenttekst-Notes.md index 3d6533a..0245af6 100644 --- a/Les02-OpenCode/Les02-Docenttekst-Notes.md +++ b/Les02-OpenCode/Les02-Docenttekst-Notes.md @@ -126,7 +126,7 @@ --- -### Slide 13: Demo - Git Push +### Slide 13: Demo - Git Push & Vercel - **DEMO:** ```bash git add . @@ -134,17 +134,11 @@ git commit -m "Add about page" git push ``` - Of: GitHub Desktop +- → Open Vercel dashboard → "Building..." → Live! --- -### Slide 14: Demo - Vercel Auto-Deploy -- Open Vercel dashboard -- Toon "Building..." status -- Na ~1 min: live! - ---- - -### Slide 15: Preview Deployments +### Slide 14: Preview Deployments - **Elke branch = eigen preview URL** - main → productie | feature/x → preview URL - 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 - Vercel → Add New Project → Import Git Repository - 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 @@ -209,13 +203,13 @@ STAP 4: DEPLOY --- -### Slide 18: Resultaten +### Slide 17: Resultaten - 2-3 studenten tonen werk - "Wat toegevoegd? Hoeveel keer gepusht?" --- -### Slide 19: Samenvatting +### Slide 18: Samenvatting - ✅ OpenCode Terminal + Desktop App - ✅ Gratis: Kimi K2.5 Free - ✅ Optioneel: OpenAI met API key @@ -225,17 +219,17 @@ STAP 4: DEPLOY --- -### Slide 20: Huiswerk +### Slide 19: Huiswerk - **Nieuw project vanaf scratch** - create-next-app → 3 componenten - Push naar GitHub -- **Vercel: Import Project** (zie slide 16!) +- **Vercel: Import Project** (zie slide 15!) - **Inleveren:** Vercel + GitHub link in Teams - **Les 3:** Iedereen langs, prompts bespreken --- -### Slide 21: Volgende les +### Slide 20: Volgende les - OpenCode IDE Integratie - VSCode plugin - "Tot dan!" diff --git a/Les02-OpenCode/Les02-Docenttekst.md b/Les02-OpenCode/Les02-Docenttekst.md index 37ddc68..99074d6 100644 --- a/Les02-OpenCode/Les02-Docenttekst.md +++ b/Les02-OpenCode/Les02-Docenttekst.md @@ -216,9 +216,9 @@ _[Wacht op generatie]_ ## 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]_ @@ -232,27 +232,15 @@ git 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]** - -_[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." +"Dit is de workflow: code lokaal, push, automatisch live." --- -### Slide 15: Preview Deployments +### Slide 14: Preview Deployments **[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]** @@ -295,7 +283,7 @@ _[Toon Vercel dashboard]_ ## 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)_ @@ -351,7 +339,7 @@ _[Loop actief rond]_ ## BLOK 6: AFSLUITING (30 minuten) -### Slide 18: Resultaten delen +### Slide 17: Resultaten delen **[11:30 - 11:40]** @@ -363,7 +351,7 @@ _[2-3 studenten tonen hun werk]_ --- -### Slide 19: Samenvatting +### Slide 18: Samenvatting **[11:40 - 11:50]** @@ -380,7 +368,7 @@ _[Ruimte voor vragen]_ --- -### Slide 20: Huiswerk +### Slide 19: Huiswerk **[11:50 - 11:55]** @@ -392,7 +380,7 @@ _[Ruimte voor vragen]_ --- -### Slide 21: Afsluiting +### Slide 20: Afsluiting **[11:55 - 12:00]** diff --git a/Les02-OpenCode/Les02-Lesplan.md b/Les02-OpenCode/Les02-Lesplan.md index f389aea..e34f581 100644 --- a/Les02-OpenCode/Les02-Lesplan.md +++ b/Les02-OpenCode/Les02-Lesplan.md @@ -92,10 +92,9 @@ Na deze les kan de student: | Tijd | Activiteit | Slides | |------|------------|--------| -| 09:40-09:43 | **DEMO:** Git add, commit, push | 13 | -| 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 | +| 09:40-09:45 | **DEMO:** Git push + Vercel auto-deploy | 13 | +| 09:45-09:47 | **DEMO:** Preview Deployments (branches) | 14 | +| 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 15 | **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 | |------|------------|--------| -| 09:50-09:55 | Opdracht uitleggen | 17 | +| 09:50-09:55 | Opdracht uitleggen | 16 | | 09:55-10:15 | Studenten werken (20 min) | - | | 10:15-10:30 | ☕ **PAUZE** | - | | 10:30-11:30 | Studenten werken (60 min) | - | @@ -140,10 +139,10 @@ Na deze les kan de student: | Tijd | Activiteit | Slides | |------|------------|--------| -| 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 | +| 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 | --- diff --git a/Les02-OpenCode/Les02-Slide-Overzicht.md b/Les02-OpenCode/Les02-Slide-Overzicht.md index cdfbe59..1dd6e7d 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:** 21 +> **Totale slides:** 20 > **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-16 | 10 min | -| 5 | Hands-on Opdracht | 17 | 85 min | +| 4 | Git & Vercel Workflow | 13-15 | 10 min | +| 5 | Hands-on Opdracht | 16 | 85 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) -### Slide 13: Demo - Git Push +### Slide 13: Demo - Git Push & Vercel **Live demo (in Desktop App terminal):** ```bash @@ -216,20 +216,13 @@ git commit -m "Add about page" 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 - -**Live demo:** -1. Open Vercel dashboard -2. Zie: "Building..." -3. Na ~1 minuut: live op je URL! - ---- - -### Slide 15: Preview Deployments +### Slide 14: Preview Deployments **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:** @@ -270,7 +263,7 @@ git push -u origin feature/test-page ## 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) -### Slide 18: Resultaten delen +### Slide 17: Resultaten delen - Wie wil laten zien? - 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 - ✅ 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** @@ -344,11 +337,11 @@ git push -u origin feature/test-page **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