fix: add lesson files

This commit is contained in:
Tim Rijkse
2026-01-29 10:18:51 +01:00
commit 3118ceeb8e
23 changed files with 4729 additions and 0 deletions

View File

@@ -0,0 +1,163 @@
# Les 11: Introduction to Cursor - De Professionele AI Editor
## Hoofdstuk
**Hoofdstuk 3: Advanced** (Les 8-18)
## Beschrijving
Kennismaking met Cursor als premium AI code editor - best of both worlds tussen IDE en AI power.
---
## Te Behandelen
### Waarom Cursor na OpenCode/WebStorm + Claude Code?
- Purpose-built for AI
- Bliksem snel
- Superieure tab completion
- CMD+K inline editing
- Composer mode
- @ mentions systeem
### Skills Compatibiliteit
- Al je Skills werken ook in Cursor
### Installatie
- Download
- GitHub integration
- 2-week Pro trial
### Core Features
| Feature | Beschrijving |
|---------|-------------|
| Tab completion | AI-powered autocomplete |
| CMD+K | Inline editing |
| Chat | Conversatie met context |
| @ mentions | Reference files, folders, docs |
| Composer mode | Multi-file generation |
### Skills Migratie
- Skills van OpenCode werken meteen in Cursor
### Cost Discussie
- Free tier vs Pro ($20/maand)
### Wanneer Wat Gebruiken?
| Tool | Gebruik voor |
|------|--------------|
| OpenCode/WebStorm | Leren |
| Claude Code | Grote autonome taken |
| Cursor | Dagelijkse development |
---
## Tools
- Cursor
- GitHub
- Skills.sh
- Supabase
---
## Lesopdracht (2 uur)
### Deel 1: Setup & Skills Migration (30 min)
**Installatie:**
- Install Cursor
- Connect GitHub
- Activate Pro trial
**Verificatie:**
- Verifieer Skills werken (`npx skills list`)
- Test prompt met skill
**Eerste Indrukken:**
- Bouw component
- Test tab completion
- Test CMD+K
- Test Chat met @ mentions
- Documenteer verschillen vs OpenCode
### Deel 2: Feature Comparison (45 min)
**Rebuild filtering system uit Les 4 in Cursor:**
- Time het
**Gebruik alle features:**
- Extensive tab completion
- CMD+K
- Chat
- @ mentions
- Try Composer
**Vergelijk:**
- Tijd
- Code quality
- Experience
### Deel 3: Composer Mode (45 min)
**Test Composer mode - Bouw analytics dashboard:**
- Sidebar nav
- Top navbar
- 4 stat cards
- Line chart
- Activity feed
**Process:**
- Geef high-level beschrijving
- Laat autonoom werken
- Feedback in Composer chat
**Vergelijk:** Cursor Composer vs Claude Code
---
## Huiswerk (2 uur)
### Bouw Complete Mini-App met Cursor
**Kies 1 van 4:**
1. Weather App
2. Expense Tracker
3. Recipe Finder
4. Habit Tracker
**Requirements:**
- Full CRUD met Supabase
- Responsive
- TypeScript strict
- Shadcn
- Deployed naar Vercel
**Challenge:** Maximaliseer Cursor + Skills
### Track Metrics
- Tab completion usage
- CMD+K count
- Composer usage
- Skills active
- AI vs manual ratio
### Deliverables
- Deployed app
- GitHub repo
- Comprehensive reflectie (600 woorden):
- Is Cursor worth switching?
- Cursor vs Claude Code?
- Free vs Pro?
- Skills performance?
- Final verdict?
---
## Leerdoelen
Na deze les kan de student:
- Cursor installeren en configureren
- Skills migreren naar Cursor
- Core features gebruiken (Tab, CMD+K, Chat, @ mentions, Composer)
- Het verschil beoordelen tussen Cursor en andere AI tools
- Composer mode gebruiken voor multi-file generatie
- Een weloverwogen keuze maken over welke tool wanneer te gebruiken