rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: les 2

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-02 10:46:17 +01:00
parent d00df83065
commit 11ad141eec
2 changed files with 211 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
readme.md
View File

@@ -11,7 +11,7 @@ Een 18-weekse cursus die studenten meeneemt van AI-beginner naar AI-powered deve
| Les | Onderwerp | Deel | Status |
|-----|-----------|------|--------|
| 01 | [Introductie tot AI en Large Language Models](Samenvattingen/Les01-Samenvatting.md) | 1 | ✅ Uitgewerkt |
| 02 | [AI Code Assistants en OpenCode Desktop App](Samenvattingen/Les02-Samenvatting.md) | 1 | 📋 Samenvatting |
| 02 | [AI Code Assistants en OpenCode](Samenvattingen/Les02-Samenvatting.md) | 1 | 📋 Samenvatting |
| 03 | [AI Ethics, Privacy & Security + WebStorm](Samenvattingen/Les03-Samenvatting.md) | 1 | 📋 Samenvatting |
| 04 | [Effectief Prompting, Iteratief Werken & Skills](Samenvattingen/Les04-Samenvatting.md) | 1 | 📋 Samenvatting |
| 05 | [TypeScript Basics](Samenvattingen/Les05-Samenvatting.md) | 2 | 📋 Samenvatting |
@@ -76,29 +76,33 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development.
---
### Les 2: AI Code Assistants en OpenCode Desktop App
### Les 2: AI Code Assistants en OpenCode
**Tools:** OpenCode Desktop App, Ollama/Groq API
**Tools:** OpenCode (Terminal UI + Desktop App), Groq API, Ollama
**Docent vertelt:**
- Verschil chat-interfaces vs geïntegreerde development tools
- OpenCode als standalone desktop applicatie (gratis!)
- Hoe AI code assistants werken
- Best practices voor code generation prompts
- Wat is OpenCode? Open-source AI coding assistant met 26.000+ GitHub stars
- **Demo Terminal UI:** Laat zien hoe krachtig maar overweldigend de terminal versie is
- **Demo Desktop App:** "Gelukkig is er ook dit!" - zelfde features, vriendelijkere interface
- Keyboard shortcuts: `Ctrl+K` (commands), `@` (file search), `Tab` (Build/Plan mode)
- Build vs Plan mode: wanneer welke gebruiken
- AI model providers: Groq (gratis cloud) vs Ollama (lokaal, privacy)
- Wanneer AI wel/niet te vertrouwen
**Studenten doen:**
- **Groepsdiscussie:** Bespreek klassikaal de reflecties uit Les 1 - wat zijn de voor- en nadelen van AI?
- OpenCode installeren en configureren
- Gratis model koppelen (Ollama lokaal of Groq API)
- Interface verkennen: code editor, chat, terminal
- Eerste component bouwen met AI hulp
- OpenCode Desktop App installeren
- Groq API configureren (gratis)
- **Optioneel:** Ollama installeren voor lokaal model
- Keyboard shortcuts oefenen
- Plan mode gebruiken voor analyse, Build mode voor code schrijven
- Responsive navbar bouwen met AI assistance
**Lesopdracht:** Installeer OpenCode, koppel gratis model, bouw responsive navbar component met AI assistance, experimenteer met verschillende prompts.
**Lesopdracht:** Installeer OpenCode, configureer Groq, oefen keyboard shortcuts, bouw responsive navbar met Plan mode (analyse) → Build mode (implementatie).
**Huiswerk:**
- Bouw landing page component library (hero, features, testimonial, CTA, footer)
- Schrijf blog post over ervaring met OpenCode (300 woorden)
- Schrijf blog post over OpenCode ervaring (300 woorden): Terminal vs Desktop, Build vs Plan mode, Groq vs Ollama
- **Optioneel:** Heb je het gevoel dat je React-kennis wat is weggezakt? Gebruik de eerste twee weken ook om React Fundamentals op EdHub te herhalen.
[→ Ga naar Les 2](Samenvattingen/Les02-Samenvatting.md)