175 lines
3.3 KiB
Markdown
175 lines
3.3 KiB
Markdown
# Les 11: Introduction to Cursor - De Professionele AI Editor
|
|
|
|
> 📋 **Lesmateriaal nog niet uitgewerkt**
|
|
>
|
|
> De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
|
|
> - Les11-Slide-Overzicht.md
|
|
> - Les11-Lesplan.md
|
|
> - Les11-Docenttekst.md
|
|
> - Les11-Bijlage-A-Lesopdracht.md
|
|
> - Les11-Bijlage-B-Huiswerkopdracht.md
|
|
|
|
---
|
|
|
|
## 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
|