Frontend frameworks
Frontend frameworks
Welkom bij het vak Frontend Frameworks! In dit opleidingsonderdeel leer je Single Page Applications (SPA's) bouwen met behulp van de React bibliotheek.
Volgende onderwerpen komen aan bod:
- Componenten in React
- JSX
- Properties en State
- Events
- Styling in React
- Data fetching, caching en mutations
- Routing
- State management
- Hooks
Lesverloop
De lessen worden gegeven op basis van praktische voorbeelden waarin de nieuwe concepten worden toegepast. Voor (bijna) elke les is er startcode voorzien vanwaar we vertrekken om het praktische lesvoorbeeld uit te werken.
Tips
We raden iedereen aan om tijdens de lessen je docent te volgen en niet mee te coderen, met één typo loop je snel achterop en kan je de rest van de les niet volgen.
Je bent beter met de theorie te volgen en vervolgens het uitgewerkte lesvoorbeeld te downloaden, of het zelf opnieuw te maken aan de hand van de theorie en de startcode.
Hieronder volgt een voorlopige les planning, de docenten behouden het recht om de planning te wijzigen als dit nodig geacht wordt.
Dagopleiding
In de dagopleiding zijn er gedurende 6 weken 3 lessen per week. De eerste les van de week wordt er elke week nieuwe theorie gegeven. Les 2 is (meestal) voorzien om verder te werken aan deze oefeningen. Ook les 3 is voorzien om aan deze oefeningen verder te werken, maar in dit geval worden de oefeningen klassikaal besproken. Het is dus de bedoeling dat je jezelf tijdens de eerste twee lessen voorbereidt op de klassikale bespreking, als er tijdens deze lessen niet actief meegewerkt wordt, behouden de docenten het recht om de oefeningen niet meer te bespreken en de derde les te vervangen met een normale oefeningenles.
| Les 1 | Les 2 | Les 3 | |
|---|---|---|---|
| Week 1 | Componenten: Theorie & Oefeningen | Componenten: Oefeningen | Componenten: Klassikale bespreking van de oefeningen |
| Week 2 | State: Theorie & Oefeningen | State: Oefeningen | State: Klassikale bespreking van de oefeningen |
| Week 3 | SPA's: Theorie & Oefeningen | SPA's: Oefeningen | SPA's: Klassikale bespreking van de oefeningen Herhalingsoefeningen I |
| Week 4 | Toelichting project & Herhalingsoefeningen I | Herhalingsoefeningen I & project | Herhalingsoefeningen I & project |
| Week 5 | Fetching: Theorie & Oefeningen | Fetching: Oefeningen | Fetching: Klassikale bespreking van de oefeningen |
| Week 6 | Mutations & Effects: Theorie + oefeningen | Mutations & Effect: Oefeningen | Mutations & Effects: Klassikale bespreking van de oefeningen |
Werktraject
In werktraject is het aantal lessen beperkt ten opzichte van de dagopleiding (12 t.o.v. 18), daarom wordt er hier een andere planning gebruikt.
Als de studenten dit verkiezen bestaat de mogelijkheid om één of meer van de klassikale oefeningenlessen te vervangen met een gewone oefeningenles.
| Maandag (On campus) | Zaterdag (Online) | |
|---|---|---|
| Les 1 (15/09) | Componenten: Theorie & Oefeningen | |
| Les 2 (22/09) | Componenten: Klassikale bespreking van de oefeningen | |
| Les 3 (29/09) | State: Theorie & Oefeningen | |
| Les 4 (11/10) | Oefeningen State verder afwerken (docent beschikbaar voor vragen) | |
| Les 5 (13/10) | SPA's: Theorie & Oefeningen | |
| Les 6 (20/10) | - SPA's: Klassikale bespreking oefeningen - Toelichting project | |
| Les 7 (10/11) | Fetching: Theorie & Oefeningen | |
| Les 8 (22/11) | - Herhalingsoefeningen (docent beschikbaar voor vragen) - Werken aan project (docent beschikbaar voor vragen) | |
| Les 9 (24/11) | Fetching: Klassikale bespreking oefeningen | |
| Les 10 (01/12) | Mutating data & effects: Theorie + oefeningen | |
| Les 11 (08/12) | Mutating data & effects: Klassikale bespreking oefeningen | |
| Les 12 (13/12) | - Voorbeeldexamens maken (docent beschikbaar voor vragen) - Werken aan project (docent beschikbaar voor vragen) |
TypeScript
Doorheen deze cursus wordt veelvuldig gebruik gemaakt van TypeScript. We gebruiken meer expliciet aangeduide types dan strikt noodzakelijk. TypeScript kan in veel gevallen de types afleiden (inference), wij zijn echter van menig dat het uitdrukkelijk vermelden van de types het leerproces in positieve zin beïnvloed. Toch is het in een productieomgeving niet aan te raden om evenveel expliciete types te gebruiken als in deze cursus. We raden elke student aan om zich te informeren over de stijlregels en het TypeScript gebruik vooraleer code bij te dragen tot een project dat in een productieomgeving gebruikt moet worden.
Evaluatie
Meer informatie over de evaluatie is te vinden op de evaluatie pagina.