fix: update

This commit is contained in:
Tim Rijkse
2026-02-07 10:50:35 +01:00
parent 970efbc8bc
commit fdce1ea0e4
5 changed files with 89 additions and 63 deletions

View File

@@ -21,18 +21,26 @@ Kies bij de prompts:
- Tailwind CSS: Yes
- App Router: Yes
### Stap 2: Configureer OpenCode
### Stap 2: Configureer OpenCode Desktop App
```bash
opencode
```
Selecteer OpenCode Zen → GLM 4.7 (gratis).
1. Open de Desktop App
2. Open je projectfolder
3. Selecteer OpenCode Zen → GLM 4.7 (gratis)
### Stap 3: Bouw minimaal 3 componenten
Gebruik Plan mode om te ontwerpen, Build mode om te bouwen.
**⚠️ BELANGRIJK: Eén prompt per taak!**
Maak niet één grote prompt voor alles. Verdeel je werk:
- Prompt 1: "Maak een Header component met logo en navigatie"
- Prompt 2: "Voeg een mobile hamburger menu toe aan de Header"
- Prompt 3: "Maak een Hero section met headline en buttons"
- etc.
**Houd je prompts bij!** Je moet ze inleveren (zie Opdracht 2).
**Verplichte componenten:**
#### 1. Header/Navbar
@@ -108,62 +116,42 @@ git push -u origin main
---
## Opdracht 2: Reflectie (300 woorden)
## Opdracht 2: Houd je Prompts Bij!
Schrijf over je OpenCode ervaring.
**Belangrijk:** Houd tijdens het bouwen een lijst bij van alle prompts die je gebruikt.
### Beantwoord deze vragen:
**Voorbeeld format:**
```
1. [Plan] "Analyseer dit project en beschrijf de folder structuur"
2. [Build] "Maak een Header component met logo links en navigatie rechts"
3. [Build] "Voeg een hamburger menu toe voor mobile"
4. [Build] "Maak een Hero section met grote headline en gradient achtergrond"
5. [Build] "Voeg twee buttons toe aan de Hero: primair en secundair"
6. [Build] "Maak een Features sectie met 3 cards in een grid"
...
```
1. **Les vs Huiswerk**
- Wat was het verschil tussen werken met een bestaand project (les) en een nieuw project (huiswerk)?
- Wat vond je makkelijker/moeilijker?
**Waarom?**
- In Les 3 gaan we iedereen langs
- We bespreken hoeveel prompts je hebt gebruikt
- En of je het werk goed hebt opgesplitst (één prompt per taak)
2. **Plan vs Build mode**
- Hoe heb je Plan mode gebruikt?
- Wanneer switch je naar Build?
3. **Vergelijking met v0**
- Hoe verschilt OpenCode van v0.dev?
- Wat zijn voor- en nadelen van beide?
4. **Workflow**
- Hoe vaak heb je gepusht naar Vercel?
- Wat is je ideale workflow geworden?
5. **Tips voor jezelf**
- Welke shortcuts gebruik je het meest?
- Wat zou je volgende keer anders doen?
**Dit hoef je niet in te leveren**, maar zorg dat je het kunt laten zien in de les!
---
## Inleveren via Teams
## Inleveren via Teams (voor Les 3)
1. **Link naar live website** (Vercel URL)
2. **Link naar GitHub repository**
3. **Screenshots** van je 3 componenten (desktop + mobile)
4. **Reflectie** als tekst of document
Post in Teams:
1. **Link naar Vercel** (je live website)
2. **Link naar GitHub** (je repository)
---
Dat is alles! In Les 3 gaan we kort iedereen langs:
- Bekijken wat je hebt gemaakt
- Bespreken hoeveel prompts je hebt gebruikt
- Delen wat goed werkte en wat niet
## Beoordeling
| Onderdeel | Punten |
|-----------|--------|
| Header/Navbar compleet + responsive | 2 |
| Hero Section compleet | 2 |
| Derde component compleet | 2 |
| Deployed op Vercel | 1 |
| Reflectie (inhoud + inzicht) | 3 |
| **Totaal** | **10** |
---
## Bonus (optioneel)
- [ ] Voeg meer dan 3 componenten toe
- [ ] Implementeer dark mode
- [ ] Voeg animaties toe met Framer Motion
- [ ] Maak meerdere pagina's
**💡 Tip:** Houd je prompt geschiedenis bij (zie Deel A hierboven) - we bespreken dit in de les!
---
@@ -172,3 +160,4 @@ Schrijf over je OpenCode ervaring.
- Check de OpenCode documentatie: opencode.ai/docs
- Bekijk de les slides nogmaals
- Stel vragen in Teams
- Stel vragen in Teams