FDND 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.

Gedragscriteria

  • M: Richt in overleg projecten in volgens de development-lifecycle. (3.1.1)
  • S: Werkt in teams en signaleert verbeterpunten op gebied van efficiëntie en effectiviteit. (3.2.1)
  • S: Draagt verantwoording voor eigen resultaten, benoemt teamresultaten en informeert belanghebbenden over de voortgang. (3.2.2)
  • C: Documenteert op professionele wijze en bespreekt voortgang binnen het team. (3.3.3)
  • P: Schetst om gedachten en processen te verkennen, abstracte begrippen over te brengen en de oplossingsrichting inzichtelijk te maken. (3.4.2)
  • P: Bedenkt en implementeert complexe frontend code en gebruikt daarbij tools en frameworks. (3.4.3)
  • L: Volgt aangeboden internationale ontwikkelingen in het vakgebied en maakt onder begeleiding keuzes over eigen ontwikkeling. (3.5.1)
  • L: Kent eigen capaciteiten en beperkingen, waardeert het vermogen van anderen en maakt dit bespreekbaar. (3.5.3)

Leertaken

component library45 forks

Ontwikkel een website voor een opdrachtgever op basis van een component library.

Deeltaken

component building block55 forks

Ontwerp en bouw een robuust, goed werkend component, waarin de belangen van de eindgebruiker centraal staan.

i love web app42 forks

Een webapp voor het bijhouden van de We ♥ Web presentaties, congressen, meet-ups en nieuwe dingen die je geleerd hebt

Studentenwerk

Sprint planning

Week 1

Maandag 13/11

Sprintplanning over Don't Repeat Yourself met uitleg over de leertaak en deeltaken van deze sprint. (Justus)

Dinsdag 14/11

CSS challenge - lettertypes en andere typografie. (Sanne)

Woensdag 15/11

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

Donderdag 16/11

Figma workshop. (Sascha)

Vrijdag 17/11

Code/Design-review over de deeltaak Component Building Block + checkpoints (Joost), begint om 9:30.

Week 2

Maandag 20/11

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

Dinsdag 21/11

JS challenge. (Joost)

Woensdag 22/11

Workshop Advanced Component Concepts, waarin we dieper ingaan op component concepten in Svelte. We maken from scratch een component library en ontwikkelen een zoekformulier volgens de atomic design strategie. (Justus)

Donderdag 23/11

Donderdag vragen stellen. (Suus)

Vrijdag 24/11

We ♥ Web met Yolijn van der Kolk, van 12:00 - 13:00.

Stage Event met afsluitende borrel, van 13:30 - 16:00.

Week 3

Maandag 27/11

Workshop Atomic Design, waarin je leert hoe je jouw component volgens de atomic design strategie, hierarchisch kunt opbouwen in jouw component library. (Justus)

Dinsdag 28/11

CSS challenge - states van links, buttons en dat soort dingen. (Sanne)

Woensdag 29/11

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

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

Donderdag 30/11

Sprint review met de opdrachtgever.

Vrijdag 01/12

Retrospect sprint 16 terugkijken op de afgelopen 3 weken, wat heb je allemaal geleerd en wat knu je de volgende keer beter doen? + checkpoints (Suus), begint om 9:30.

WHPH, pizza, ping-pong en ...