3.3 KiB
3.3 KiB
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-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:
- Weather App
- Expense Tracker
- Recipe Finder
- 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