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
  • S: Draagt verantwoording voor eigen resultaten, benoemt teamresultaten en informeert belanghebbenden over de voortgang
  • P: Selecteert de juiste principes, conventies en best-practices op het gebied van frontend, interface design en vormgeving om een passende oplossing voor een opdrachtgever te realiseren
  • L: Volgt aangeboden internationale ontwikkelingen in het vakgebied en maakt onder begeleiding keuzes over eigen ontwikkeling

Leertaken

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