fix: add les 11

v2-klasB/Les02-OpenCode/Les02-Huiswerk.md

@@ -10,15 +10,21 @@
 
 ## Doel
 
-Bouw een **kleine scroll-animatie landing page** met OpenCode, gebruikmakend van AGENTS.md, opencode.json en worktrees. Deploy hem op Vercel.
+Bouw **verder in de repo van de les**. Maak van je eerste sectie een complete kleine landing page met 3-4 secties. Deploy + previews lopen al via Vercel.
 
 Dit is geen design-opdracht — focus is op de **workflow** en de **technologie**. Een simpele maar werkende site is genoeg.
 
+> **Doorbouwen, niet herstarten.** Je werkt verder in dezelfde fork als in de les.
+> AGENTS.md, opencode.json, Vercel — staat allemaal al. Je voegt secties toe.
+
 ---
 
-## Voorbeeld-thema (kies zelf!)
+## Vertrek vanuit je les-werk
 
-Suggesties:
+Je begint **niet opnieuw**. Open je laptop, ga naar je `scroll-demo` fork, en bouw verder.
+
+### Thema kiezen (als nog niet gedaan)
+Heb je in de les een type sectie gekozen? Bouw daaromheen je thema. Of kies nu:
 - **Mini portfolio** (over jou — projects, contact)
 - **Restaurant landing** (menu, story, reserveer)
 - **Product launch** (features, prijs, signup)
@@ -31,24 +37,26 @@ Eigen idee mag ook — even checken met Tim als 't iets totaal anders is.
 
 ## Eisen (verplicht)
 
-### Code
-- [ ] Next.js 16 (App Router, TypeScript, Turbopack)
-- [ ] Eigen **`AGENTS.md`** (mag onze als basis)
-- [ ] Eigen **`opencode.json`** met permissions + (optioneel) plugin config
-- [ ] **Minimaal 3 secties** met scroll-animaties
-- [ ] **Minimaal 3 verschillende animatie-technieken** (bv. fade-in, parallax, SplitText, horizontaal, stagger)
-- [ ] **Lenis** smooth scroll werkt (geen "harde" scroll)
-- [ ] TailwindCSS voor styling
+### Code (bouwt voort op les)
+- [ ] **Doorgewerkt in dezelfde fork** als in de les (Next.js 16, TS, Tailwind)
+- [ ] `AGENTS.md` aanwezig — uitgebreid waar nodig (regels die je tijdens werk leerde)
+- [ ] `opencode.json` aanwezig (uit starter, mag aangepast)
+- [ ] **Eerste sectie afgemaakt** (uit lesopdracht) + **2-3 extra secties** = totaal **3-4 scroll-secties**
+- [ ] **Minimaal 3 verschillende animatie-technieken** (fade-in, parallax, SplitText, horizontaal, stagger…)
+- [ ] **Lenis** smooth scroll werkt
 - [ ] Werkt zonder console-errors of hydration warnings
 
 ### Workflow
-- [ ] **Minstens 2 worktrees** gebruikt (mag via plugin of handmatig)
+- [ ] **Totaal minstens 2 worktrees gebruikt** (de lesopdracht-worktree telt mee)
+- [ ] Elke feature-branch gepushed → Vercel preview URL bekeken
 - [ ] Branches gemerged naar `main`
-- [ ] Worktrees opgeruimd
+- [ ] Worktrees opgeruimd na merge
 - [ ] Code op GitHub gepushed
 
-### Deployment
-- [ ] **Vercel deploy** werkend, URL in README
+### Deployment & previews
+- [ ] **Vercel gekoppeld** aan repo (`vercel link` of via dashboard)
+- [ ] **Production URL** werkt (deploy van `main`)
+- [ ] **Minstens 2 preview URLs** (van twee feature-branches) — Vercel maakt deze automatisch bij elke push
 - [ ] Geen broken pages / 500's
 
 ### Documentatie
@@ -57,6 +65,7 @@ Eigen idee mag ook — even checken met Tim als 't iets totaal anders is.
   - Welke regels heb je later toegevoegd aan AGENTS.md (en waarom)?
   - Hoe heb je worktrees georganiseerd?
   - Wat zou je anders doen volgende keer?
+  - **Screenshots van minstens 2 preview URLs** (Vercel dashboard view + browser view)
   - Screenshot van `git worktree list` tijdens het werk
   - Max 400 woorden — concreet, geen fluff
 
@@ -76,13 +85,15 @@ Eigen idee mag ook — even checken met Tim als 't iets totaal anders is.
 
 ## Tijd-indicatie
 
-- Setup (Next.js + deps + AGENTS.md + opencode.json): 30 min
-- 3 scroll-secties bouwen via opencode (3× ~30 min): ~90 min
-- Polish + responsiveness: 30 min
-- Deploy op Vercel: 15 min
+Setup is al klaar (gedaan in de les). Je begint bij sectie 2.
+
+- Sectie 1 afmaken (als niet klaar in les): 15-30 min
+- 2 extra secties bouwen via opencode (2× ~30 min): ~60 min
+- Polish + responsiveness: 20 min
+- Vercel previews checken + screenshots: 10 min
 - `WORKFLOW.md`: 15 min
 
-**Totaal: ~3 uur.** Loop je vast? Vraag in Brightspace of plan een korte 1-op-1 met Tim.
+**Totaal: ~2 uur.** Loop je vast? Vraag in Brightspace of plan een korte 1-op-1 met Tim.
 
 ---
 
@@ -114,11 +125,12 @@ Eigen idee mag ook — even checken met Tim als 't iets totaal anders is.
 ## Inleveren
 
 1. **GitHub repo** — push alle code naar `main`
-2. **Vercel deploy URL** in README van je repo
-3. **`WORKFLOW.md`** in root
+2. **Vercel production URL** in README van je repo
+3. **`WORKFLOW.md`** in root met preview URL screenshots
 4. **Brightspace inlevering**:
    - GitHub URL
-   - Vercel URL
+   - Production URL
+   - Minstens **2 preview URLs** (van feature-branches)
    - Korte note (1-2 zinnen): wat is je trots-punt?
 
 ---