From d8b332f649a4a75885e0db503b8e3e9654011dac Mon Sep 17 00:00:00 2001 From: Tim Rijkse Date: Mon, 2 Feb 2026 18:12:11 +0100 Subject: [PATCH] fix: merge slides --- Les01-Introductie-AI/Les01-Docenttekst.md | 72 +++++-------------- Les01-Introductie-AI/Les01-Slide-Overzicht.md | 53 ++++---------- 2 files changed, 34 insertions(+), 91 deletions(-) diff --git a/Les01-Introductie-AI/Les01-Docenttekst.md b/Les01-Introductie-AI/Les01-Docenttekst.md index bfd8d10..d195b32 100644 --- a/Les01-Introductie-AI/Les01-Docenttekst.md +++ b/Les01-Introductie-AI/Les01-Docenttekst.md @@ -717,68 +717,34 @@ _[Met nadruk]_ ## BLOK 7: HANDS-ON OPDRACHT (53 minuten) -### Slide 33: Opdracht Introductie +### Slide 33: Aan de slag! -**[99:00 - 104:00]** _(5 minuten uitleg)_ - -"Nu zijn jullie aan de beurt. Maar let op - jullie opdracht is groter dan mijn demo." +**[99:00 - 150:00]** _(51 minuten - 5 min uitleg + 46 min werken)_ _[Pak papier en pennen - deel uit als nodig]_ -"Ik heb een simpele hero section laten zien. Jullie gaan een complete landingspagina bouwen." +"Nu zijn jullie aan de beurt. Jullie gaan een complete landingspagina bouwen - groter dan mijn demo." _[Wijs naar de vereisten]_ -"De vereisten zijn: minimaal drie secties. Denk aan hero, features, pricing, testimonials, footer - kies zelf wat je wilt." +"Vereisten: minimaal drie secties, één carousel, één accordion. Je bent vrij in wat je tekent - bedenk een fictief product." -"Daarnaast moet je minimaal één carousel hebben - dat kan een image slider zijn of een testimonial slider." +"Stappen: teken, foto, ChatGPT Project, v0.dev, deploy naar Vercel. Die laatste stap zoek je zelf uit." -"En minimaal één accordion - bijvoorbeeld voor een FAQ sectie of uitklapbare features." +"Je hebt 45 minuten. Begin met tekenen! Succes!" -_[Geef vrijheid]_ +_[Studenten werken - loop actief rond]_ -"Je bent helemaal vrij in wat je tekent. Bedenk een fictief product, een app, een service - wat je maar wilt. Maak het je eigen." - -_[Loop door de stappen]_ - -"De stappen zijn hetzelfde: teken op papier, maak een foto, upload naar je ChatGPT Project, genereer in v0.dev, en deploy naar Vercel. Die laatste stap ga je zelf uitzoeken - het is niet moeilijk." - -_[Praktische info]_ - -"Je hebt 45 minuten. Werk individueel. Begin met tekenen!" - -"Heeft iedereen papier en een pen?" - ---- - -### Slide 34: Aan de slag - -**[104:00 - 150:00]** _(46 minuten - studenten werken)_ - -"Succes! Ik loop rond voor vragen." - -_[Studenten werken - loop actief rond en help]_ - -**Let op deze veelvoorkomende problemen:** - -- Slaan ze de tekenstap over? Stuur ze terug naar papier. -- Tekenen ze te weinig secties? Herinner aan de 3+ vereiste. -- Vergeten ze carousel of accordion? Check hun schets. -- Vergeten ze tech stack/kleuren/stijl in ChatGPT? Herinner ze. -- v0.dev rate limit? Ze kunnen wachten of delen met klasgenoot. -- Deployment problemen? Laat ze eerst Googlen, help pas daarna. +**Let op deze problemen:** +- Tekenstap overslaan? → Terug naar papier +- Te weinig secties? → Herinner aan 3+ vereiste +- Carousel/accordion vergeten? → Check schets +- v0 rate limit? → Wachten of delen met klasgenoot +- Deployment? → Eerst Googlen, dan pas helpen **Tussentijdse check [125:00]:** -"Even een snelle check. Wie heeft al minimaal 3 secties getekend?" - -_[Tel handen]_ - -"Mooi. Wie heeft de carousel en accordion in de schets?" - -_[Help kort indien nodig]_ - -"Nog 25 minuten. Als je v0 resultaat hebt, begin dan met deployen. Vraag een klasgenoot om hulp als je vastloopt." +"Snelle check: wie heeft 3+ secties? Carousel en accordion in de schets? Nog 25 minuten - begin met deployen als je v0 resultaat hebt." _[Studenten werken door tot 150:00]_ @@ -786,7 +752,7 @@ _[Studenten werken door tot 150:00]_ ## BLOK 8: AFSLUITING (15 minuten) -### Slide 35: Resultaten Delen +### Slide 34: Resultaten Delen **[150:00 - 158:00]** _(8 minuten)_ @@ -800,7 +766,7 @@ _[Geef korte positieve feedback per student]_ --- -### Slide 36: Samenvatting +### Slide 35: Samenvatting **[158:00 - 162:00]** _(4 minuten)_ @@ -820,7 +786,7 @@ _[Met nadruk]_ --- -### Slide 37: Huiswerk +### Slide 36: Huiswerk **[162:00 - 167:00]** _(5 minuten)_ @@ -842,7 +808,7 @@ _[Met nadruk]_ --- -### Slide 38: Volgende Les +### Slide 37: Volgende Les **[167:00 - 168:00]** _(1 minuut)_ @@ -852,7 +818,7 @@ _[Met nadruk]_ --- -### Slide 39: Vragen +### Slide 38: Vragen **[168:00 - 180:00]** _(12 minuten - buffer voor vragen en uitloop)_ diff --git a/Les01-Introductie-AI/Les01-Slide-Overzicht.md b/Les01-Introductie-AI/Les01-Slide-Overzicht.md index 97c28d2..8c6c6d7 100644 --- a/Les01-Introductie-AI/Les01-Slide-Overzicht.md +++ b/Les01-Introductie-AI/Les01-Slide-Overzicht.md @@ -633,56 +633,33 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website! ## BLOK 7: HANDS-ON OPDRACHT (50 minuten) -### Slide 33: Lesopdracht -*(5 minuten uitleg)* +### Slide 33: Aan de slag! +*(50 minuten - 5 min uitleg + 45 min werken)* -**Titel:** Nu zijn jullie aan de beurt! +**Titel:** Bouw een complete landingspagina! **Inhoud:** -**Opdracht:** Bouw een complete landingspagina! - **Vereisten:** -- Minimaal **3 secties** (bijv. hero, features, pricing, testimonials, footer) -- Minimaal **1 carousel** (image slider of testimonial slider) -- Minimaal **1 accordion** (FAQ of features) -- Je bent vrij in wat je tekent en welk "product" je bedenkt +- Minimaal **3 secties** (hero, features, pricing, testimonials, footer...) +- Minimaal **1 carousel** + **1 accordion** +- Vrije keuze in onderwerp/product -**Stappen:** -1. **TEKEN** je landingspagina op papier (meerdere secties!) -2. **FOTO** maken -3. **CHATGPT PROJECT:** Upload + beschrijf je wensen -4. **V0.DEV:** Genereer en itereer -5. **DEPLOY:** Zelf naar Vercel (uitzoeken!) - -**Tijd:** ~45 minuten - ---- - -### Slide 34: Aan de slag! -*(45 minuten - studenten werken)* - -**Titel:** Succes! - -**Inhoud:** +**Stappen:** Teken → Foto → ChatGPT Project → v0.dev → Deploy (zelf!) **Checklist:** - [ ] 3+ secties getekend -- [ ] Carousel gepland -- [ ] Accordion gepland -- [ ] Tech stack: React + Tailwind -- [ ] Kleuren en stijl gespecificeerd +- [ ] Carousel & accordion gepland +- [ ] Tech stack + kleuren gespecificeerd - [ ] Gedeployed naar Vercel -**Tip:** Begin simpel, voeg complexiteit toe via iteratie! - -**Hulp nodig?** Steek je hand op! +**Tip:** Begin simpel, itereer! **Hulp nodig?** Steek je hand op! --- ## BLOK 8: AFSLUITING (30 minuten) -### Slide 35: Resultaten Delen +### Slide 34: Resultaten Delen *(8 minuten)* **Titel:** Wie wil laten zien? @@ -695,7 +672,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website! --- -### Slide 36: Samenvatting +### Slide 35: Samenvatting *(4 minuten)* **Titel:** Wat hebben we geleerd? @@ -710,7 +687,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website! --- -### Slide 37: Huiswerk +### Slide 36: Huiswerk *(5 minuten)* **Titel:** Voor volgende week @@ -727,7 +704,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website! --- -### Slide 38: Volgende Les +### Slide 37: Volgende Les *(1 minuut)* **Titel:** Les 2: AI Code Assistants @@ -742,7 +719,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website! --- -### Slide 39: Vragen & Afsluiting +### Slide 38: Vragen & Afsluiting *(12 minuten buffer)* **Titel:** Tot volgende week!