In dit vak gaan we een web app maken zonder frameworks of onnodige libraries, dus zoveel mogelijk met native HTML, CSS & JavaScript. Het eindproduct is een modulair opgezet prototype voor een single page web app. Data wordt opgehaald uit een externe API, waar nodig gemanipuleerd en vervolgens getoond in de Web App. Je leert hoe je structuur aanbrengt in je code en hoe je hiermee 'from scratch' een (prototype voor een) web app maakt. Met deze kennis begrijp je daarnaast beter hoe bestaande api’s, libraries en frameworks werken.

• Je kan structuur aanbrengen in je code door patterns toe te passen. Je kan de keuze voor de gekozen patterns beargumenteren
• Je kan data ophalen, manipuleren en dynamisch omzetten naar html elementen mbv templating.
• Je begrijpt hoe je middels asynchrone code met een externe API kan werken.
• Je begrijpt hoe je states in je applicaties kan managen en stelt de gebruiker op de hoogte van states waar nodig.

Rubric

Doel: Data ophalen uit een API en renderen in een overzichtspagina.

Opdrachten

Slides

Doel: Breakdown maken van de web app. Routes en states toevoegen. Detailpagina renderen.

Opdrachten

Slides

Doel: Data manipuleren. Code splitsen in modules. Reflecteren op eindresultaat.

Opdrachten

Slides