126 lines
3.0 KiB
Markdown
126 lines
3.0 KiB
Markdown
# 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
|