155 lines
3.0 KiB
Markdown
155 lines
3.0 KiB
Markdown
# Les 12: Advanced Context Management & AI-Vriendelijke Code
|
|
|
|
> 📋 **Lesmateriaal nog niet uitgewerkt**
|
|
>
|
|
> De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
|
|
> - Les12-Slide-Overzicht.md
|
|
> - Les12-Lesplan.md
|
|
> - Les12-Docenttekst.md
|
|
> - Les12-Bijlage-A-Lesopdracht.md
|
|
> - Les12-Bijlage-B-Huiswerkopdracht.md
|
|
|
|
---
|
|
|
|
## Hoofdstuk
|
|
**Hoofdstuk 3: Advanced** (Les 8-18)
|
|
|
|
## Beschrijving
|
|
Masterclass in context management voor maximale AI effectiveness.
|
|
|
|
---
|
|
|
|
## Te Behandelen
|
|
|
|
### Context Windows Begrijpen
|
|
- Tokens (~4 chars = 1 token)
|
|
- Context sizes:
|
|
- GPT-4: 128K tokens
|
|
- Claude: 200K tokens
|
|
|
|
### Waarom Context Belangrijk
|
|
- Meer context = beter begrip
|
|
- Maar ook: langzamer + duurder
|
|
|
|
### Context Strategieën
|
|
- Alleen relevante files
|
|
- Start breed → narrow down
|
|
- Sequential context
|
|
- Prunen
|
|
|
|
### Project Documentatie voor AI
|
|
|
|
| Document | Doel |
|
|
|----------|------|
|
|
| README | Project overview |
|
|
| ARCHITECTURE | System design |
|
|
| COMPONENTS | Component library docs |
|
|
|
|
### Hoe AI Docs Leest
|
|
- Structuur matters
|
|
- Voorbeelden helpen
|
|
|
|
### AI-Vriendelijke Code Organisatie
|
|
- Semantische naming
|
|
- Kleine focused files
|
|
- Proper separation
|
|
- Comprehensive comments (WHY niet WHAT)
|
|
|
|
### Context Pruning
|
|
- Wanneer fresh chat
|
|
- .cursorignore
|
|
- Vorige context samenvatten
|
|
|
|
### Knowledge Persistence
|
|
- Claude Projects voor long-term memory
|
|
|
|
### Tool Vergelijking
|
|
Context handling in:
|
|
- Cursor
|
|
- OpenCode
|
|
- Claude Code
|
|
|
|
---
|
|
|
|
## Tools
|
|
- Cursor
|
|
- Claude Desktop
|
|
- .cursorignore
|
|
|
|
---
|
|
|
|
## Lesopdracht (2 uur)
|
|
|
|
### Context Optimization Challenge
|
|
|
|
**Setup:** Docent biedt messy codebase (10-15 files, onduidelijk, missing docs)
|
|
|
|
### Phase 1: Assessment (30 min)
|
|
- Test Cursor begrip met 4 vragen
|
|
- Score X/10
|
|
|
|
### Phase 2: Documentation (45 min)
|
|
Maak comprehensive docs met AI:
|
|
- README
|
|
- ARCHITECTURE.md
|
|
- COMPONENTS.md
|
|
|
|
### Phase 3: Organization (45 min)
|
|
Refactor voor clarity:
|
|
- Rename files/functions
|
|
- Split files <300 lines
|
|
- Add comments
|
|
- Organize folders
|
|
- Improve imports
|
|
|
|
### Phase 4: Re-test (30 min)
|
|
- Zelfde 4 vragen
|
|
- Score verbetering
|
|
- Analyseer wat hielp
|
|
|
|
---
|
|
|
|
## Huiswerk (2 uur)
|
|
|
|
### Maak Context Management Playbook
|
|
|
|
### Deel 1: Playbook (1 uur)
|
|
|
|
Schrijf gids over:
|
|
- Pre-project checklist
|
|
- Folder structure templates
|
|
- File naming conventions
|
|
- Prompting templates
|
|
- Wanneer welke tool
|
|
- Context management tijdens development
|
|
- AI begrip meten
|
|
- Red flags
|
|
- Pro tips
|
|
- Troubleshooting
|
|
|
|
### Deel 2: Templates (30 min)
|
|
|
|
Maak 3 templates:
|
|
1. README.md
|
|
2. ARCHITECTURE.md
|
|
3. COMPONENT_TEMPLATE.md
|
|
|
|
### Deel 3: Test (30 min)
|
|
- Start vers Next.js project
|
|
- Pas playbook toe
|
|
- Test of Cursor meteen begrijpt
|
|
- Itereer
|
|
|
|
**Deel als GitHub repo**
|
|
|
|
---
|
|
|
|
## Leerdoelen
|
|
Na deze les kan de student:
|
|
- Context windows en token limits begrijpen
|
|
- Effectieve context strategieën toepassen
|
|
- Project documentatie schrijven die AI helpt
|
|
- AI-vriendelijke code structuur implementeren
|
|
- Context pruning toepassen (.cursorignore, fresh chats)
|
|
- Code organisatie verbeteren voor betere AI interactie
|