fix: add lesson files
This commit is contained in:
143
Samenvattingen/Les12-Samenvatting.md
Normal file
143
Samenvattingen/Les12-Samenvatting.md
Normal file
@@ -0,0 +1,143 @@
|
||||
# Les 12: Advanced Context Management & AI-Vriendelijke Code
|
||||
|
||||
## 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
|
||||
Reference in New Issue
Block a user