{"slug":"dont-repeat-yourself","sprintNUmber":16,"title":"Don't Repeat Yourself","startdate":"2024-11-11","content":"<p>In de sprint Don&#39;t Repeat Yourself ligt de focus op het hergebruik van code en ontwerpelementen door middel van een <em>component library</em>. Je leert hoe je herbruikbare stukken code op een systematische manier ontsluit zodat jij en jouw mede frontenders ze kunnen gebruiken in andere projecten.</p>","semester":{"slug":"workflow-tooling-frameworks","title":"Workflow, Tooling & Frameworks"},"weekPlans":[{"weekNumber":1,"mondayDate":"2024-11-11","monday":{"html":"<p><strong>Sprint planning </strong><em><strong>Don&#39;t Repeat Yourself</strong></em><em> </em>met uitleg over de leertaak en deeltaken van deze sprint. </p><p><strong>Workshop Component as a Building Block</strong>, 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)</p>"},"tuesday":{"html":"<p><strong>Workshop Figma </strong>(Wes Oudshoorn.)</p>"},"wednesday":{"html":"<p><strong>Workshop typografie in Web design</strong>, waarin je leert over letterrtypes, hierarchie, schaal, font-pairing en toegankelijkheid (Koop)</p>"},"thursday":{"html":"<p><strong>Donderdag doorwerken en vragen stellen </strong>(Suus)</p>"},"friday":{"html":"<p><strong>Design-review component  </strong>over het ontwerp van het component van de deeltaak Component Building Block (Dorien)</p>"}},{"weekNumber":2,"mondayDate":"2024-11-18","monday":{"html":"<p><strong>Workshop Advanced Component Concepts</strong>, 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)</p><p></p>"},"tuesday":{"html":"<p><strong>CSS Challenge 6 - </strong><a target='_blank' title=\"Challenge Typografie\" href=\"https://github.com/fdnd-task/css-challenges/blob/main/docs/challenge_typografie.md\"><strong>fonts en font-properties</strong></a>, inloop 9:00, start 9:30. (Sanne)</p>"},"wednesday":{"html":"<p><strong>Workshop The New Responsive</strong> waarin je leert over media queries, container queries en user-reference queries (Koop)</p><p></p>"},"thursday":{"html":"<p><strong>Code-review component </strong>over de uitwerking van de deeltaak Component Building Block (Dorien) </p><p><em><strong>LET OP! De Code/Design-review is eenmalig op donderdag ivm Midterm Review.</strong></em></p>"},"friday":{"html":"<p><strong>We ♥ Web</strong> met <a title=\"https://emielvanbetsbrugge.be/\" href=\"https://emielvanbetsbrugge.be/\">Emiel van Betsbrugge</a> WebGL Developer bij <a title=\"https://activetheory.net/\" href=\"https://activetheory.net/\">Active Theory</a>, van 13:00 - 14:00 in het <a title=\"https://www.hva.nl/locaties/hva-locaties/muller-lulofshuis.html\" href=\"https://www.hva.nl/locaties/hva-locaties/muller-lulofshuis.html\">MLH01A30</a>.</p><p>Vrij-dag...</p><p></p>"}},{"weekNumber":3,"mondayDate":"2024-11-25","monday":{"html":"<p><strong>Workshop State Management, </strong>over hoe je de state van een component kunt managen met een svelte stores. (Justus)</p>"},"tuesday":{"html":"<p><strong>CSS Challenge 7 - </strong><a target='_blank' title=\"Challenge States\" href=\"https://github.com/fdnd-task/css-challenges/blob/main/docs/challenge_states.md\"><strong>states ( en :has() )</strong></a>, inloop 9:00, start 9:30. (Sanne)</p>"},"wednesday":{"html":"<p><strong>WRAP-UP sprint 16 . </strong>Hoe ver ben je gekomen? Sprint review voorbereiden. Documentatie op orde brengen. (Joost)</p>"},"thursday":{"html":"<p><strong>Sprint review met de opdrachtgever.</strong></p>"},"friday":{"html":"<p><strong>Retrospect sprint 16 </strong>terugkijken op de afgelopen 3 weken, wat heb je allemaal geleerd en wat kan je de volgende keer beter doen? (Dorien).</p>"}}],"topics":[{"name":"dry"},{"name":"component library"},{"name":"npm package"},{"name":"progressive enhancement"},{"name":"accessibility"},{"name":"responsive design"},{"name":"performance"}],"behavioralCriteria":[]}