Frontend Design & Development

Sprint 16: Don't Repeat Yourself

In de sprint Don't Repeat Yourself ligt de focus op het hergebruik van code en ontwerpelementen door middel van een component library. Je leert hoe je herbruikbare stukken code op een systematische manier ontsluit zodat jij en jouw mede frontenders ze kunnen gebruiken in andere projecten.

Leertaken

forks

Deeltaken

forks

forks

forks

forks

forks

Sprint planning

Week 1

Maandag 11/11

Sprint planning Don't Repeat Yourself met uitleg over de leertaak en deeltaken van deze sprint.

Workshop Component as a Building Block, waarin je leert een component tot in detail te ontwerpen en hierarchisch kunt opbouwen in jouw component library. Voor divergeren in de ontwerpfase leer je een nieuwe tool, de morphologische kaart, deze helpt bij het genereren van veel variaties. (Justus)

Dinsdag 12/11

Workshop Figma (Wes Oudshoorn.)

Woensdag 13/11

Workshop typografie in Web design, waarin je leert over letterrtypes, hierarchie, schaal, font-pairing en toegankelijkheid (Koop)

Donderdag 14/11

Donderdag doorwerken en vragen stellen (Suus)

Vrijdag 15/11

Design-review component over het ontwerp van het component van de deeltaak Component Building Block (Dorien)

Week 2

Maandag 18/11

Workshop Advanced Component Concepts, waarin we dieper ingaan op component concepten in Svelte. We maken from scratch een component library met aandacht voor named slots, two way binding en stores. (Justus)

Dinsdag 19/11

CSS Challenge 6 - fonts en font-properties, inloop 9:00, start 9:30. (Sanne)

Woensdag 20/11

Workshop The New Responsive waarin je leert over media queries, container queries en user-reference queries (Koop)

Donderdag 21/11

Code-review component over de uitwerking van de deeltaak Component Building Block (Dorien)

LET OP! De Code/Design-review is eenmalig op donderdag ivm Midterm Review.

Vrijdag 22/11

We ♥ Web met Emiel van Betsbrugge WebGL Developer bij Active Theory, van 13:00 - 14:00 in het MLH01A30.

Vrij-dag...

Week 3

Maandag 25/11

Workshop State Management, over hoe je de state van een component kunt managen met een svelte stores. (Justus)

Dinsdag 26/11

CSS Challenge 7 - states ( en :has() ), inloop 9:00, start 9:30. (Sanne)

Woensdag 27/11

WRAP-UP sprint 16 . Hoe ver ben je gekomen? Sprint review voorbereiden. Documentatie op orde brengen. (Joost)

Donderdag 28/11

Sprint review met de opdrachtgever.

Vrijdag 29/11

Retrospect sprint 16 terugkijken op de afgelopen 3 weken, wat heb je allemaal geleerd en wat kan je de volgende keer beter doen? (Dorien).