fix: add lesson files

This commit is contained in:
Tim Rijkse
2026-01-29 10:18:51 +01:00
commit 3118ceeb8e
23 changed files with 4729 additions and 0 deletions

View File

@@ -0,0 +1,112 @@
# Les 3: AI Ethics, Privacy & Security + WebStorm Integration
## Hoofdstuk
**Hoofdstuk 1: Fundamentals** (Les 1-3)
## Beschrijving
Cruciale kennis over veilig en ethisch werken met AI, gecombineerd met professionele IDE workflow.
---
## Te Behandelen
### Deel 1: Ethics, Privacy & Security (1 uur)
**Privacy Risico's - Wat NOOIT te delen:**
- API keys
- Client data
- Credentials
- Persoonlijke informatie
**Overige Onderwerpen:**
- Data ownership bij AI services
- Bias in AI models
- Security vulnerabilities (SQL injection, XSS, prompt injection)
- GDPR/AVG compliance basics
- Professional responsibility als developer
- Wanneer gebruik je AI wel/niet?
### Deel 2: WebStorm Integration (1 uur)
**WebStorm Setup:**
- WebStorm installatie (gratis via school licentie)
- OpenCode plugin voor WebStorm installeren en configureren
**Voordelen IDE vs Standalone:**
- Project context
- Git integration
- Debugging
- Refactoring tools
**Live Demo:**
- Zelfde taak in OpenCode standalone vs WebStorm
---
## Tools
- WebStorm (school licentie)
- OpenCode plugin
- Git
---
## Lesopdracht (2 uur)
### Deel 1: Security Workshop (1 uur)
**Groepswerk (30 min):**
- Docent toont 3 AI-generated code snippets met security/privacy issues
- Studenten identificeren problemen in groepjes
**Individueel (30 min):**
- Laat AI code genereren voor een login form
- Review op security
- Fix problemen
- Maak persoonlijke "AI Safety Checklist" voor toekomstig gebruik
### Deel 2: WebStorm Setup (1 uur)
**Setup:**
- Installeer WebStorm met school licentie
- Installeer OpenCode plugin
- Configureer met je model
**Vergelijking:**
- Rebuild een component uit Les 2 in WebStorm
- Ervaar het verschil
**Documentatie:**
- Voordelen van IDE vs standalone
- Welke workflow prefereer je?
---
## Huiswerk (2 uur)
**Bouw Secure Feature:**
Kies één van:
- Contact form met server-side validatie
- User authentication flow met JWT
**Process:**
1. Laat AI initial code genereren
2. Review met je Safety Checklist
3. Identificeer en fix alle security/privacy issues
**Uitgebreide README:**
- Wat AI genereerde
- Welke issues je vond (security, privacy, GDPR)
- Hoe je ze fixt
- Lessons learned
- Waarom WebStorm workflow beter/slechter is dan standalone OpenCode
---
## Leerdoelen
Na deze les kan de student:
- Privacy risico's bij AI-gebruik identificeren
- Security vulnerabilities in AI-gegenereerde code herkennen
- GDPR/AVG compliance basics begrijpen
- WebStorm met OpenCode plugin configureren
- Het verschil tussen standalone en IDE-geïntegreerde workflow beoordelen
- Een persoonlijke AI Safety Checklist toepassen