fix: update
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user