fix: merge slides
This commit is contained in:
Tim Rijkse
@@ -717,68 +717,34 @@ _[Met nadruk]_
|
|||||||
|
|
||||||
## BLOK 7: HANDS-ON OPDRACHT (53 minuten)
|
## BLOK 7: HANDS-ON OPDRACHT (53 minuten)
|
||||||
|
|
||||||
### Slide 33: Opdracht Introductie
|
### Slide 33: Aan de slag!
|
||||||
|
|
||||||
**[99:00 - 104:00]** _(5 minuten uitleg)_
|
**[99:00 - 150:00]** _(51 minuten - 5 min uitleg + 46 min werken)_
|
||||||
|
|
||||||
"Nu zijn jullie aan de beurt. Maar let op - jullie opdracht is groter dan mijn demo."
|
|
||||||
|
|
||||||
_[Pak papier en pennen - deel uit als nodig]_
|
_[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]_
|
_[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."
|
**Let op deze problemen:**
|
||||||
|
- Tekenstap overslaan? → Terug naar papier
|
||||||
_[Loop door de stappen]_
|
- Te weinig secties? → Herinner aan 3+ vereiste
|
||||||
|
- Carousel/accordion vergeten? → Check schets
|
||||||
"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."
|
- v0 rate limit? → Wachten of delen met klasgenoot
|
||||||
|
- Deployment? → Eerst Googlen, dan pas helpen
|
||||||
_[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.
|
|
||||||
|
|
||||||
**Tussentijdse check [125:00]:**
|
**Tussentijdse check [125:00]:**
|
||||||
|
|
||||||
"Even een snelle check. Wie heeft al minimaal 3 secties getekend?"
|
"Snelle check: wie heeft 3+ secties? Carousel en accordion in de schets? Nog 25 minuten - begin met deployen als je v0 resultaat hebt."
|
||||||
|
|
||||||
_[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."
|
|
||||||
|
|
||||||
_[Studenten werken door tot 150:00]_
|
_[Studenten werken door tot 150:00]_
|
||||||
|
|
||||||
@@ -786,7 +752,7 @@ _[Studenten werken door tot 150:00]_
|
|||||||
|
|
||||||
## BLOK 8: AFSLUITING (15 minuten)
|
## BLOK 8: AFSLUITING (15 minuten)
|
||||||
|
|
||||||
### Slide 35: Resultaten Delen
|
### Slide 34: Resultaten Delen
|
||||||
|
|
||||||
**[150:00 - 158:00]** _(8 minuten)_
|
**[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)_
|
**[158:00 - 162:00]** _(4 minuten)_
|
||||||
|
|
||||||
@@ -820,7 +786,7 @@ _[Met nadruk]_
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### Slide 37: Huiswerk
|
### Slide 36: Huiswerk
|
||||||
|
|
||||||
**[162:00 - 167:00]** _(5 minuten)_
|
**[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)_
|
**[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)_
|
**[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)
|
## BLOK 7: HANDS-ON OPDRACHT (50 minuten)
|
||||||
|
|
||||||
### Slide 33: Lesopdracht
|
### Slide 33: Aan de slag!
|
||||||
*(5 minuten uitleg)*
|
*(50 minuten - 5 min uitleg + 45 min werken)*
|
||||||
|
|
||||||
**Titel:** Nu zijn jullie aan de beurt!
|
**Titel:** Bouw een complete landingspagina!
|
||||||
|
|
||||||
**Inhoud:**
|
**Inhoud:**
|
||||||
|
|
||||||
**Opdracht:** Bouw een complete landingspagina!
|
|
||||||
|
|
||||||
**Vereisten:**
|
**Vereisten:**
|
||||||
- Minimaal **3 secties** (bijv. hero, features, pricing, testimonials, footer)
|
- Minimaal **3 secties** (hero, features, pricing, testimonials, footer...)
|
||||||
- Minimaal **1 carousel** (image slider of testimonial slider)
|
- Minimaal **1 carousel** + **1 accordion**
|
||||||
- Minimaal **1 accordion** (FAQ of features)
|
- Vrije keuze in onderwerp/product
|
||||||
- Je bent vrij in wat je tekent en welk "product" je bedenkt
|
|
||||||
|
|
||||||
**Stappen:**
|
**Stappen:** Teken → Foto → ChatGPT Project → v0.dev → Deploy (zelf!)
|
||||||
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:**
|
|
||||||
|
|
||||||
**Checklist:**
|
**Checklist:**
|
||||||
- [ ] 3+ secties getekend
|
- [ ] 3+ secties getekend
|
||||||
- [ ] Carousel gepland
|
- [ ] Carousel & accordion gepland
|
||||||
- [ ] Accordion gepland
|
- [ ] Tech stack + kleuren gespecificeerd
|
||||||
- [ ] Tech stack: React + Tailwind
|
|
||||||
- [ ] Kleuren en stijl gespecificeerd
|
|
||||||
- [ ] Gedeployed naar Vercel
|
- [ ] Gedeployed naar Vercel
|
||||||
|
|
||||||
**Tip:** Begin simpel, voeg complexiteit toe via iteratie!
|
**Tip:** Begin simpel, itereer! **Hulp nodig?** Steek je hand op!
|
||||||
|
|
||||||
**Hulp nodig?** Steek je hand op!
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## BLOK 8: AFSLUITING (30 minuten)
|
## BLOK 8: AFSLUITING (30 minuten)
|
||||||
|
|
||||||
### Slide 35: Resultaten Delen
|
### Slide 34: Resultaten Delen
|
||||||
*(8 minuten)*
|
*(8 minuten)*
|
||||||
|
|
||||||
**Titel:** Wie wil laten zien?
|
**Titel:** Wie wil laten zien?
|
||||||
@@ -695,7 +672,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website!
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### Slide 36: Samenvatting
|
### Slide 35: Samenvatting
|
||||||
*(4 minuten)*
|
*(4 minuten)*
|
||||||
|
|
||||||
**Titel:** Wat hebben we geleerd?
|
**Titel:** Wat hebben we geleerd?
|
||||||
@@ -710,7 +687,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website!
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### Slide 37: Huiswerk
|
### Slide 36: Huiswerk
|
||||||
*(5 minuten)*
|
*(5 minuten)*
|
||||||
|
|
||||||
**Titel:** Voor volgende week
|
**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)*
|
*(1 minuut)*
|
||||||
|
|
||||||
**Titel:** Les 2: AI Code Assistants
|
**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)*
|
*(12 minuten buffer)*
|
||||||
|
|
||||||
**Titel:** Tot volgende week!
|
**Titel:** Tot volgende week!
|
||||||
|
|||||||
Reference in New Issue
Block a user