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

we love web app3 forks

Een web-app voor het bijhouden van We Love Web presentaties en workshops

component library9 forks

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

Deeltaken

Studentenwerk

Sprint planning

Week 1
Maandag 14/11 Dinsdag 15/11 Woensdag 16/11 Donderdag 17/11 Vrijdag 18/11

Sprintplanning over Don't Repeat Yourself en uitleg over de opdracht waarin je een Component Library gaat maken voor de het project van de opdrachtgever. (Berat & Justus)

Differentiatie 

Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)

Workshop team-lead-2 over quality assurance van code en design in een scrum project (Koop)

Differentiatie

E.H.B.O. vraag onderwerpen aan via de flip-over (Krijn)

Code/Design-review over de Component Library. (Berat)

WHPH, pizza, ping-pong en ...

Week 2
Maandag 21/11 Dinsdag 22/11 Woensdag 23/11 Donderdag 24/11 Vrijdag 25/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. (Justus)

Differentiatie

Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)

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

Differentiatie

E.H.B.O. 

vraag onderwerpen aan via de flip-over (Krijn) ⁠ ⁠

Workshop Figma (Design Systems, Prototyping en Layout van Wes Oudshoorn) wordt verschoven.

Code/Design-review over de Component Library. (Berat)

We  Web met Mikey Casalaina about Wallpapers, Svelte, and Sticking Googly Eyes on a Banana (in English🇬🇧)

Week 3
Maandag 28/11 Dinsdag 29/11 Woensdag 30/11 Donderdag 01/12 Vrijdag 02/12

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

Differentiatie

Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)

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

Differentiatie

E.H.B.O. vraag onderwerpen aan via de flip-over (Krijn)

Sprint review & Retrospect

WHPH, pizza, ping-pong en ...