fix: update les
This commit is contained in:
@@ -50,7 +50,15 @@
|
||||
|
||||
---
|
||||
|
||||
### Slide 6: Build vs Plan Mode
|
||||
### Slide 6: Installatie
|
||||
- **Terminal:** `npm i -g opencode-ai@latest`
|
||||
- **Desktop App:** opencode.ai/download
|
||||
- **AI Model:** `Ctrl+O` → OpenCode Zen → GLM 4.7
|
||||
- "Wij gebruiken vandaag de Desktop App"
|
||||
|
||||
---
|
||||
|
||||
### Slide 7: Build vs Plan Mode
|
||||
- **Plan (📋):** leest, analyseert, verandert NIETS
|
||||
- **Build (🔨):** schrijft code, maakt bestanden
|
||||
- Wisselen: `Tab`
|
||||
@@ -60,21 +68,14 @@
|
||||
|
||||
---
|
||||
|
||||
### Slide 7: Shortcuts
|
||||
### Slide 8: Shortcuts
|
||||
- `Ctrl+K` = command menu
|
||||
- `Tab` = wissel mode
|
||||
- `@` = zoek bestanden
|
||||
- `@` = zoek bestanden (context!)
|
||||
- `Ctrl+O` = model kiezen
|
||||
|
||||
---
|
||||
|
||||
### Slide 8: @ Mention
|
||||
- Typ `@` + filename
|
||||
- AI krijgt exacte context
|
||||
- Voorbeeld: @Hero.tsx voeg gradient toe
|
||||
|
||||
---
|
||||
|
||||
### Slide 9: Deployment Workflow
|
||||
- Wijzig code → git add → commit → push
|
||||
- Vercel pakt automatisch op
|
||||
@@ -159,13 +160,29 @@ git push
|
||||
---
|
||||
|
||||
### Slide 18: Opdracht (09:50-09:55)
|
||||
- **Maak nieuwe pagina in je v0 project:**
|
||||
1. Clone/pull repo
|
||||
2. npm install + npm run dev
|
||||
3. Maak nieuwe pagina (/about, /services, /contact)
|
||||
4. Voeg link op homepage + push → live op Vercel
|
||||
- **Doel:** minimaal 2x deployen
|
||||
- "Kwart over 10 pauze!"
|
||||
|
||||
**Blijft op scherm tijdens hands-on!**
|
||||
|
||||
```
|
||||
STAP 1: PROJECT KLAARZETTEN
|
||||
git clone → cd → npm install → npm run dev
|
||||
Open http://localhost:3000
|
||||
|
||||
STAP 2: OPENCODE DESKTOP APP
|
||||
Open App → Open Folder → Ctrl+O → Zen → GLM 4.7
|
||||
|
||||
STAP 3: BOUW MET OPENCODE
|
||||
□ Nieuwe pagina (/about, /services, /contact)
|
||||
□ Voeg 2 componenten toe
|
||||
□ Voeg link op homepage
|
||||
💡 Eén prompt per taak!
|
||||
|
||||
STAP 4: DEPLOY
|
||||
git add . → git commit → git push
|
||||
Check Vercel dashboard
|
||||
```
|
||||
|
||||
**Doel:** minimaal 2x deployen | ☕ Pauze: 10:15-10:30
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user