fix: add lesson files
This commit is contained in:
163
Samenvattingen/Les11-Samenvatting.md
Normal file
163
Samenvattingen/Les11-Samenvatting.md
Normal 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
|
||||
Reference in New Issue
Block a user