fix: add lesson files
This commit is contained in:
195
Samenvattingen/Les18-Samenvatting.md
Normal file
195
Samenvattingen/Les18-Samenvatting.md
Normal file
@@ -0,0 +1,195 @@
|
||||
# Les 18: Eindopdracht Intro, Planning & Advanced Topics
|
||||
|
||||
## Hoofdstuk
|
||||
**Hoofdstuk 3: Advanced** (Les 8-18)
|
||||
|
||||
## Beschrijving
|
||||
Voorbereiden op eindproject - culminatie van alles geleerd.
|
||||
|
||||
---
|
||||
|
||||
## Te Behandelen
|
||||
|
||||
### Eindopdracht Walkthrough
|
||||
- 10 project opties
|
||||
- Complexiteit niveaus
|
||||
- Vereiste features
|
||||
|
||||
### Requirements Deep Dive
|
||||
- Verplichte onderdelen
|
||||
- Bonus punten
|
||||
- Grading rubric
|
||||
|
||||
### Timeline & Realistic Planning
|
||||
- 2 weken
|
||||
- Dagelijkse milestones
|
||||
|
||||
### Hoe Juiste Project Kiezen
|
||||
|
||||
Overweeg:
|
||||
- Interesse
|
||||
- Skills
|
||||
- Ambitie
|
||||
- Uniciteit
|
||||
|
||||
### Project Planning met Cursor
|
||||
AI als planning partner:
|
||||
- Break down user stories
|
||||
- Schat complexiteit
|
||||
- Prioriteer MVP
|
||||
- Maak timeline
|
||||
- Identificeer risico's
|
||||
|
||||
### Database Schema Design Workshop
|
||||
|
||||
**Interactieve sessie:**
|
||||
- Studenten stellen voor
|
||||
- Klas bekritiseert
|
||||
- AI suggereert
|
||||
- Leer van elkaar
|
||||
|
||||
**Veel Voorkomende Patterns:**
|
||||
- User management
|
||||
- Content ownership
|
||||
- Many-to-many
|
||||
- Soft deletes
|
||||
- Timestamps
|
||||
|
||||
**Gebruik Supabase skill voor schema generatie**
|
||||
|
||||
**RLS Policy Patterns**
|
||||
|
||||
### Geavanceerde Architecture Patterns
|
||||
- Feature-based folders
|
||||
- API route organisatie
|
||||
- State management strategieën
|
||||
- Component patterns
|
||||
|
||||
### Code Organisatie
|
||||
- Project structuur die schaalt
|
||||
- Documentatie die belangrijk is
|
||||
- Git workflow
|
||||
|
||||
### Accessibility Deep Dive
|
||||
|
||||
**WCAG Compliance:**
|
||||
- A (minimum)
|
||||
- AA (doel) ✓
|
||||
- AAA (excellent)
|
||||
|
||||
**Focus areas:**
|
||||
- Keyboard navigatie
|
||||
- Screen readers
|
||||
- Color contrast
|
||||
- Forms accessibility
|
||||
|
||||
### Final Polish Workshop
|
||||
- Code quality review met Cursor
|
||||
- Bug hunting
|
||||
- UI/UX polish
|
||||
- Performance check
|
||||
- Documentatie completeren
|
||||
- Presentatie skills
|
||||
|
||||
---
|
||||
|
||||
## Tools
|
||||
- Cursor
|
||||
- Supabase
|
||||
- Skills.sh
|
||||
- Planning tools
|
||||
|
||||
---
|
||||
|
||||
## Lesopdracht (2 uur)
|
||||
|
||||
### Plan Je Eindopdracht
|
||||
|
||||
### Phase 1: Project Selectie (30 min)
|
||||
- Review alle 10 opties
|
||||
- Kies ÉÉN
|
||||
- Documenteer redenering
|
||||
|
||||
### Phase 2: Gedetailleerde Planning met AI (1 uur)
|
||||
|
||||
**Gebruik Cursor + Claude Projects/Custom GPT**
|
||||
|
||||
| Stap | Output |
|
||||
|------|--------|
|
||||
| Feature Breakdown | User stories lijst |
|
||||
| Database Schema Design | Schema met AI + Supabase skill |
|
||||
| Architecture Planning | Folder structuur, patterns |
|
||||
| Timeline | Dagelijkse milestones |
|
||||
|
||||
### Phase 3: Project Setup (30 min)
|
||||
|
||||
- GitHub repo aanmaken
|
||||
- Initialiseer Next.js
|
||||
- Install dependencies
|
||||
- Setup .cursorrules
|
||||
- README met plan
|
||||
- Supabase project (tables + RLS)
|
||||
- Install Skills
|
||||
- Deploy initiële versie
|
||||
- Commit
|
||||
|
||||
### Deliverable
|
||||
- Project Proposal Document
|
||||
- Initiële repo setup compleet
|
||||
|
||||
---
|
||||
|
||||
## Huiswerk (2 uur)
|
||||
|
||||
### Start Bouwen Core Features
|
||||
|
||||
### Week 1 Doelen
|
||||
- Auth compleet
|
||||
- Database schema
|
||||
- Core feature #1
|
||||
- Basis layout + navigatie
|
||||
|
||||
### Deze Week's Taken
|
||||
1. Supabase Auth setup
|
||||
2. Database implementatie
|
||||
3. Basis layout
|
||||
4. Eerste core feature
|
||||
|
||||
### Requirements
|
||||
- Gebruik Cursor + Composer + Skills extensief
|
||||
- Commit frequent
|
||||
- Test elke feature
|
||||
- Documenteer blockers
|
||||
|
||||
### Deliverable
|
||||
- Progress update (250 woorden)
|
||||
- GitHub repo
|
||||
- Deployed preview URL
|
||||
|
||||
---
|
||||
|
||||
## 10 Eindopdracht Opties (Referentie)
|
||||
|
||||
1. Task Management App
|
||||
2. Personal Finance Tracker
|
||||
3. Recipe Collection App
|
||||
4. Fitness Tracker
|
||||
5. Event Planning Platform
|
||||
6. Learning Management System
|
||||
7. Portfolio Builder
|
||||
8. Job Application Tracker
|
||||
9. Travel Planner
|
||||
10. Habit Tracker
|
||||
|
||||
*(Details per optie in aparte eindopdracht document)*
|
||||
|
||||
---
|
||||
|
||||
## Leerdoelen
|
||||
Na deze les kan de student:
|
||||
- Een geschikt eindproject kiezen
|
||||
- Gedetailleerd plannen met AI assistance
|
||||
- Database schema's ontwerpen met best practices
|
||||
- Geavanceerde architecture patterns toepassen
|
||||
- Accessibility requirements implementeren (WCAG AA)
|
||||
- Een project opzetten met alle geleerde tools en technieken
|
||||
Reference in New Issue
Block a user