FDND Frontend
Design & Development

Sprint 4: Look and Feel

In de vierde sprint, Look and Feel werk je een user story uit die exact voldoet aan de huisstijl van jouw opdrachtgever. Je leert onderdelen van een website maken binnen een bestaande huisstijl.

De focus van deze sprint ligt op het toepassen van een huisstijl en het maken van formulieren.

Gedragscriteria

S: Je draagt verantwoording voor eigen resultaten en verwerkt ontvangen feedback
C: je luistert naar wat een ander zegt en neemt dit serieus
P: Je analyseert een vraag en volgt de aangeboden oplossingsrichting
P: je gebruikt aangeboden principes en conventies op het gebied van frontend, interface design en vormgeving om een passende oplossing voor een opdrachtgever te realiseren
L: je toont beginnend inzicht in eigen capaciteiten en beperkingen en kan deze benoemen

Leertaken

corporate identity59 forks

Ontwerp en maak voor een opdrachtgever een component of website op basis van een bestaande huisstijl

Deeltaken

Studentenwerk

@Knetters corporate identity 1 Code Website!
@luukbrauckmann corporate identity 1 Code Website!
@SanHont corporate identity 1 Code Website!
@IvarSchuyt corporate identity 1 Code
@RickVellingaa corporate identity 1 Code Website!
@DaanCarst corporate identity 1 Code Website!
@Siem-P corporate identity 1 Code Website!
@CelinexPutte corporate identity 1 Code Website!
@Maaike0904 corporate identity 1 Code Website!
@Tristandemuijnck corporate identity 1 Code Website!
@r20222 corporate identity 1 Code Website!
@joelle78 corporate identity 1 Code Website!
@TessaViergever corporate identity sprint 4 1 Code Website!
@maikangn corporate identity 1 Code Website!
@CathelijneVisser corporate identity 1 Code Website!
@DikkeTimo corporate identity 1 Code Website!
@RalphKocken corporate identity 1 Code Website!
@Stefan-Espant corporate identity 1 Code Website!
@luukbrauckmann living styleguide 5 Code Website!
@Nazneen05x living styleguide 5 Code Website!
@Stefan-Espant living styleguide 3 Code Website!
@ArexanK living styleguide 2 Code Website!
@Trisjan living styleguide 2 Code Website!
@Tolga1999 living styleguide 1 Code Website!
@Knetters schets je ontwikkeling 5 Code
@Tristandemuijnck schets je ontwikkeling 2 Code
@luukbrauckmann schets je ontwikkeling 1 Code
@luukbrauckmann custom properties 1 Code
@Knetters custom properties 1 Code

Sprint planning

Week 1
Maandag 14/11	Dinsdag 15/11	Woensdag 16/11	Donderdag 17/11	Vrijdag 18/11
Sprintplanning over Look and Feel (Justus) Workshop Living Styleguide (Justus, Charley)	Differentiatie Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)	Workshop over huisstijl responsive toepassen (Koop)	Differentiatie Deep Dive Donderdag vraag onderwerpen aan via de flip-over (Krijn)	Code/Design-review over huisstijl. WHPH, pizza, ping-pong en ...

Week 2
Maandag 21/11	Dinsdag 22/11	Woensdag 23/11	Donderdag 24/11	Vrijdag 25/11
Workshop Sketchnoting, over Schets Je Ontwikkeling (Charley)	Differentiatie Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)	Workshop CSS voor styleguides over custom properties, container queries en structuur aanbrengen in CSS (Cyd)	Differentiatie Deep Dive Donderdag vraag onderwerpen aan via de flip-over (Krijn) Workshop Figma (Design Systems, Prototyping en Layout van Wes Oudshoorn) wordt verschoven.	Code/Design-review over CSS van de huisstijl aan de hand van best-practices. (Justus) 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 over atomic design (Justus)	Differentiatie Gekke-dingen-namaak-dinsdag over hoe je (te) gekke dingen op het web zelf na kunt maken (Cyd)	Workshop formulieren opmaken, hoe stijl je formulieren, states vormgeven en goede feedback geven (Suus)	Differentiatie Deep Dive Donderdag vraag onderwerpen aan via de flip-over (Krijn)	Sprint review & Retrospect We ♥ Web, met Egor Kloos, over Living Styleguides/Design Systems WHPH, pizza, ping-pong en ...