fix: add les 11

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

@@ -3,8 +3,8 @@
 
 **Vak:** AI-Assisted Development
 **Opleiding:** NOVI Hogeschool Utrecht
-**Duur:** 35 minuten (in de les)
-**Inleveren:** niet — je code uit deze opdracht is je basis voor het huiswerk
+**Duur:** 28 minuten (in de les)
+**Inleveren:** preview URL in chat — code is basis voor het huiswerk
 
 ---
 
@@ -19,6 +19,10 @@ Bouw één scroll-animatie sectie in een Next.js 16 project, met:
 
 Het hoeft niet groot — een werkende sectie van 1-2 schermen is genoeg.
 
+> **Belangrijk:** dit project is **jouw repo** vanaf nu. In het huiswerk
+> bouw je in deze zelfde repo verder met meer secties. Niet klaar in de les?
+> Geen probleem — thuis ga je verder waar je bleef.
+
 ---
 
 ## Vereisten (al opgezet vóór de les)
@@ -46,6 +50,26 @@ Geen scroll-demo repo? Vraag in chat, of clone: `git clone <link uit Brightspace
 
 ## Stappenplan
 
+### Stap 0 — Starter forken naar jouw GitHub (3 min)
+
+Dit doe je **eenmalig** aan het begin. Daarna werk je in jouw eigen repo — ook thuis voor het huiswerk.
+
+1. Ga naar de starter repo (link in Brightspace) → klik **Fork** → kies jouw account
+2. Clone naar je laptop:
+   ```bash
+   gh repo clone <jouw-username>/scroll-demo
+   cd scroll-demo
+   npm install
+   ```
+3. Koppel Vercel (eenmalig):
+   ```bash
+   vercel link        # kiest of maakt Vercel project
+   vercel --prod      # eerste productie deploy
+   ```
+4. Open in OpenCode Desktop: **File → Open Folder → scroll-demo**
+
+Klaar. Productie-URL staat live. Vanaf nu = elke push = automatische preview.
+
 ### Stap 1 — Worktree aanmaken (3 min)
 
 **Met opencode-worktree plugin** (in main Session):
@@ -120,6 +144,14 @@ git commit -m "feat: [jouw sectie]"
 git push origin [jouw branch]
 ```
 
+### Stap 7 — Vercel preview ophalen (2 min)
+
+- Open Vercel dashboard (link in Brightspace)
+- Vind de deploy voor `[jouw branch]` — status "Building" → "Ready" (~30-60 sec)
+- Klik → preview URL openen
+- Test scroll-animatie op de live URL
+- **Plak de preview URL in chat** zodat anderen 'm kunnen zien
+
 ### Stap 7 — (Optioneel) Cleanup
 
 Klaar met deze worktree? In de main Session:
@@ -156,12 +188,18 @@ Sluit ook de feature-Session in Desktop (right-click → Close).
 
 ## Klaar zijn = je hebt:
 
-1. Een werkende **scroll-animatie sectie** in je app
-2. Gebruik gemaakt van **OpenCode + worktrees**
-3. De **regels uit AGENTS.md** gevolgd
-4. **Smooth scroll** werkend via Lenis
+1. Een **eigen fork** op GitHub + Vercel gekoppeld
+2. Een werkende **scroll-animatie sectie** in jouw app
+3. Gebruik gemaakt van **OpenCode + worktrees**
+4. De **regels uit AGENTS.md** gevolgd
+5. **Smooth scroll** werkend via Lenis
+6. Minstens 1 **preview URL** live op Vercel
 
-Deze code is je basis voor het huiswerk — daar bouw je 'm uit naar een complete landing page.
+## Aansluiting op het huiswerk
+
+**Niet helemaal klaar in de les?** Geen stress. Je staat al goed — Vercel is gekoppeld, AGENTS.md staat klaar, één sectie werkt (of bijna). In het huiswerk maak je de eerste sectie af én voeg je 2-3 secties toe naar een complete landing page.
+
+**Wel klaar?** Stop hier en zet je laptop dicht. Thuis bouw je gewoon door in dezelfde repo.
 
 ---