novi-lessons/Samenvattingen/Les03-Samenvatting.md

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

Hoofdstuk 1: Fundamentals (Les 1-3)

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