196 lines
3.6 KiB
Markdown
196 lines
3.6 KiB
Markdown
# 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
|