fix: merge slides
This commit is contained in:
Tim Rijkse
@@ -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)_
|
||||
|
||||
|
||||
@@ -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!
|
||||
|
||||
Reference in New Issue
Block a user