fix: attachments

Les01-Introductie-AI/Les01-Lesplan.md

@@ -30,8 +30,8 @@
 | | | - Theorie over AI en LLMs (~45 min) |
 | | | - Praktijk: ChatGPT leren gebruiken (~25 min) |
 | | | - Prompt Engineering basics (~15 min) |
-| | | - Live demo: van schets naar website (~27 min) |
-| | | - Hands-on opdracht: jouw tekening wordt een website (~55 min) |
+| | | - Live demo: van schets naar website (~20 min) |
+| | | - Hands-on opdracht: bouw een complete landingspagina (~55 min) |
 | | | |
 | | | **Leerdoelen van vandaag** |
 | | | 1. Begrijpen wat AI en LLMs zijn |
@@ -135,93 +135,78 @@
 | | | |
 | | | **Clue: Specificeer altijd je tech stack, kleuren en stijl voor consistente resultaten.** |
 | | | |
-| **85-112** | **Live Demo: v0.dev** | *Instructievorm: live demonstratie (27 min)* |
+| **85-105** | **Live Demo: v0.dev** | *Instructievorm: live demonstratie (20 min)* |
 | | | *Doel:* "Wow-moment" creëren met de schets-naar-website workflow |
 | | | |
-| | | **Introductie v0.dev (3 min)** |
-| | | Leg uit wat v0.dev is: AI-powered UI generator van Vercel. |
-| | | |
-| | | **De Slimme Workflow (2 min)** |
-| | | Leg de 5-stappen workflow uit: |
+| | | **Introductie v0.dev + Workflow (5 min)** |
+| | | Leg uit wat v0.dev is en de 5-stappen workflow: |
 | | | 1. TEKEN op papier |
 | | | 2. FOTO maken |
-| | | 3. Upload naar CHATGPT + beschrijf wensen (tech stack, kleuren, stijl) |
+| | | 3. Upload naar CHATGPT + beschrijf wensen |
 | | | 4. ChatGPT maakt PROMPT |
 | | | 5. Plak in V0.DEV → Website! |
 | | | |
-| | | **Demo 1: Schets maken (3 min)** |
-| | | Teken live op papier een hero section: links tekst + button, rechts afbeelding placeholder. |
+| | | **Live Demo (15 min)** |
+| | | Voer de hele workflow uit in één vloeiende demo: |
+| | | - Teken simpele hero section op papier |
+| | | - Foto maken en uploaden naar ChatGPT Project |
+| | | - Prompt genereren met tech stack, kleuren, stijl |
+| | | - Kopiëren naar v0.dev en genereren |
+| | | - Itereren met follow-up prompts |
 | | | |
-| | | **Demo 2: Foto naar ChatGPT (8 min)** |
-| | | Upload foto en geef beschrijving mee: |
-| | | - "Dit is een schets voor een hero section" |
-| | | - Tech stack: React met Tailwind CSS |
-| | | - Kleuren: Blauw thema met primary #2563EB |
-| | | - Stijl: Modern, minimalistisch, professioneel |
-| | | - "Maak hier een gedetailleerde prompt voor v0.dev van" |
-| | | |
-| | | **Demo 3: Prompt naar v0 (6 min)** |
-| | | Kopieer de gegenereerde prompt naar v0.dev. Toon het resultaat. |
-| | | |
-| | | **Demo 4: Itereren (3 min)** |
-| | | Verfijn met follow-up prompts. |
-| | | |
-| | | **Demo 5: Deployen (2 min)** |
-| | | Doorloop het deployment proces: Add Integration → GitHub → Deploy. |
+| | | **BELANGRIJK: Deployment NIET live doen!** |
+| | | Leg kort uit hoe het werkt (Add Integration → GitHub → Deploy), maar studenten zoeken dit straks zelf uit. |
 | | | |
 | | | **Clue: De schets is je startpunt, ChatGPT is je vertaler, v0.dev is je bouwer.** |
 | | | |
-| **112-165** | **Hands-on Opdracht** | *Werkvorm: individueel werken (53 min)* |
+| **105-160** | **Hands-on Opdracht** | *Werkvorm: individueel werken (55 min)* |
 | | | *Doel:* Zelfstandig de workflow doorlopen |
 | | | |
 | | | **Opdracht introductie (5 min)** |
-| | | Deel de opdracht uit (zie Bijlage: Lesopdracht). Studenten gaan: |
-| | | 1. **TEKENEN** op papier - hero section |
-| | | 2. **FOTO** maken van schets |
-| | | 3. **CHATGPT** - upload + beschrijf (tech stack, kleuren, stijl) |
-| | | 4. **PROMPT** kopiëren |
-| | | 5. **V0.DEV** - genereren |
-| | | 6. **DEPLOY** naar Vercel |
+| | | Deel de opdracht uit (zie Bijlage: Lesopdracht). Studenten bouwen een **complete landingspagina**: |
+| | | - Minimaal **3 secties** (hero, features, pricing, etc.) |
+| | | - Minimaal **1 carousel** (image/testimonial slider) |
+| | | - Minimaal **1 accordion** (FAQ of uitklapbare content) |
+| | | - **Deployment:** Zelf uitzoeken! |
 | | | |
 | | | **Benodigdheden check** |
 | | | Zorg dat iedereen papier en pen heeft! |
 | | | |
-| | | **Zelfstandig werken (40 min)** |
+| | | **Zelfstandig werken (45 min)** |
 | | | Loop rond en help studenten waar nodig. Let op: |
-| | | - Kwaliteit van de schets (simpel is prima) |
+| | | - Hebben ze 3+ secties getekend? |
+| | | - Carousel en accordion in de schets? |
 | | | - Volledigheid van ChatGPT prompt (tech stack, kleuren, stijl) |
-| | | - Problemen met v0.dev of deployment |
+| | | - Deployment: laat ze eerst zelf zoeken, help pas daarna |
 | | | |
 | | | **Tussentijdse check (halverwege)** |
-| | | "Wie heeft al een prompt uit ChatGPT?" |
-| | | "Wie is al in v0.dev bezig?" |
+| | | "Wie heeft 3+ secties? Carousel en accordion gepland?" |
+| | | "Begin met deployen als je v0 resultaat hebt!" |
 | | | |
 | | | **Clue: Het doel is de workflow leren, niet perfectie!** |
 | | | |
-| **165-180** | **Afsluiting** | *Werkvorm: klassikaal gesprek (15 min)* |
+| **160-180** | **Afsluiting** | *Werkvorm: klassikaal gesprek (20 min)* |
 | | | |
-| | | **Korte terugblik (5 min)** |
+| | | **Resultaten delen (8 min)** |
 | | | Vraag 2-3 studenten om te delen: |
-| | | - Hoe was de ervaring? |
-| | | - Leek het resultaat op je schets? |
+| | | - Laat je schets en v0 resultaat zien |
+| | | - Wat ging goed? Wat was lastig? |
 | | | |
-| | | **Samenvatting (3 min)** |
+| | | **Samenvatting (4 min)** |
 | | | - LLMs en next-token prediction |
 | | | - Prompt engineering: tech stack, kleuren, stijl |
 | | | - **De workflow: Schets → ChatGPT → v0.dev → Website** |
 | | | |
 | | | **Huiswerk (5 min)** |
-| | | Deel de huiswerkopdracht (zie Bijlage: Huiswerkopdracht): |
-| | | - Reflectie schrijven (500 woorden) |
-| | | - 5 AI use cases bedenken |
-| | | - **Tweede schets doorlopen met andere component** |
-| | | - Inleveren via Teams chat |
-| | | |
-| | | **Vooruitblik** |
-| | | Volgende les: Prompt Engineering verdieping. |
+| | | 1. **Reflectie (500 woorden)** met deelvragen: |
+| | |    - Wat vond je verrassend aan werken met AI? |
+| | |    - Wat ging goed? Wat vond je lastig? |
+| | |    - Hoe zie je AI jouw werk als developer veranderen? |
+| | | 2. **Breid je v0 website uit** met minimaal 1 nieuwe sectie |
+| | | - Inleveren via Teams, voor volgende les |
 | | | |
 | | | **Afsluiting** |
-| | | Bedank de studenten. Wijs op de beschikbaarheid voor vragen (Teams). |
+| | | Bedank de studenten. Tot volgende week! |
 
 ---
 
@@ -229,14 +214,14 @@
 
 | Blok | Onderwerp | Start | Eind | Duur |
 |------|-----------|-------|------|------|
-| 1 | Welkom & Introductie | 0:00 | 0:13 | 13 min |
-| 2 | Wat is AI? | 0:13 | 0:33 | 20 min |
-| 3 | AI Landscape | 0:33 | 0:45 | 12 min |
-| 4 | ChatGPT in de Praktijk | 0:45 | 1:10 | 25 min |
+| 1 | Welkom & Introductie | 0:00 | 0:15 | 15 min |
+| 2 | Wat is AI? | 0:15 | 0:40 | 25 min |
+| 3 | AI Landscape | 0:40 | 0:50 | 10 min |
+| 4 | ChatGPT in de Praktijk | 0:50 | 1:10 | 20 min |
 | 5 | Prompt Engineering | 1:10 | 1:25 | 15 min |
-| 6 | Live Demo v0.dev | 1:25 | 1:52 | 27 min |
-| 7 | Hands-on Opdracht | 1:52 | 2:45 | 53 min |
-| 8 | Afsluiting | 2:45 | 3:00 | 15 min |
+| 6 | Live Demo v0.dev | 1:25 | 1:45 | 20 min |
+| 7 | Hands-on Opdracht | 1:45 | 2:40 | 55 min |
+| 8 | Afsluiting | 2:40 | 3:00 | 20 min |
 
 **Totaal: 180 minuten (3 uur)**
 
@@ -284,4 +269,4 @@ Observeer tijdens de les:
 
 ## Bijlagen
 1. Bijlage A: Lesopdracht - Van Schets naar Website met AI
-2. Bijlage B: Huiswerkopdracht - Reflectie, Use Cases en Tweede Schets
+2. Bijlage B: Huiswerkopdracht - Reflectie en Website Uitbreiding