# Les 3: AI Ethics, Privacy & Security + WebStorm Integration

> 📋 **Lesmateriaal nog niet uitgewerkt**
>
> De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
> - Les03-Slide-Overzicht.md
> - Les03-Lesplan.md
> - Les03-Bijlage-A-Lesopdracht.md
> - Les03-Bijlage-B-Huiswerkopdracht.md

---

## Hoofdstuk
**Deel 1: AI Foundations** (Les 1-4)

## Beschrijving
Cruciale kennis over veilig en ethisch werken met AI, gecombineerd met professionele IDE workflow.

---

## Te Behandelen

### Groepsdiscussie (15 min)
Bespreek klassikaal de blog posts uit Les 2 - wat waren de ervaringen met AI-assisted coding? Welke limitations ontdekte je?

### 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