# 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