fix: add lesson files
This commit is contained in:
112
Samenvattingen/Les03-Samenvatting.md
Normal file
112
Samenvattingen/Les03-Samenvatting.md
Normal 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
|
||||
Reference in New Issue
Block a user