Sprint planning - 05/01/26

Wat zijn de goede voornemens voor dit jaar?

• Minder uitstellen van mijn werk, zoals de checkouts meteen dezelfde dag doen
• Vaker feedback vragen op mijn werk.

Code/Design Review - 09/01/26

Feedback gegeven

Feedback gekregen

5 CSS Tips & Tricks for better Responsive Web Design

Welke CSS tip uit de video over 'better responsive webdesign' ga je toepassen in je project?

Responsive images

Nav bar that actually works for everyone

Checkout - 12/01/26

Welke Dod kan je al toevoegen aan je Portflow?

Er is een volledige debriefing geschreven voor de opdrachtgever en de feedback van de opdrachtgever op de debriefing is gedocumenteerd in een issue en verwerkt

Animatie ontwerpen - 14/01/26

12 Disney Animation Principes

Bronnen:

https://medium.com/@ruthiran_b/disneys-motion-principles-in-designing-interface-animations-9ac7707a2b43

https://valhead.com/2016/12/08/sketching-interface-animations-an-interview-with-eva-lotta-lamm/

https://cubic-bezier.com/#.17,.67,.83,.67

https://www.interaction-design.org/literature/article/ui-animation-how-to-apply-disney-s-12-principles-of-animation-to-ui-design

User test - 16/01/26

In sprint 5 heb ik al de vragen "wat ging goed bij de User Test en wat zou je de volgende keer beter doen?" Wat ging er nu deze keer beter?

De vorige keer vond ik het nog wel lastig om mijn mond te houden terwijl de User aan het testen was, maar nu ging dat wel beter en liet ik hem zijn gang gaan en hij sprak ook uit wat hij dacht en deed.

Als feedback heb ik de volgende puntjes gekregen

• voeg een label toe aan het hamburgermenu. Het is namelijk niet voor iedereen vanzelfsprekend dat de drie streepjes een menu betekent.

• zorg ervoor dat wanneer heb hambrugermenu is uitgeklapt je niet kan scrollen

• kruisje plaatsen als het hamburgermenu is uitgeklapt, zo is het duidelijk dat je het kan sluiten

Ik heb ze allemaal kunnen oplossen

Code Conventies 19-01-26

Met welke code conventies heb je nog moeite mee? Hoe komt dat?

Ik heb er geen moeite mee met mijn code nesten, maar tijdens het nog een keer checken kwam ik er achter dat ik bij het stukje code over mijn footer nog niet alles goed genest had. Dus dat heb ik gelijk goed veranderd en is alles genest.

Welke code vond jij tijdens een code review van iemand anders prettig lezen? Weet je nog waar dat door kwam

Ik zou niet nu wat kunnen bedenken, maar ik vind het altijd wel fijn als ze goed de ademruimte gebruiken en niet teveel code dicht op elkaar zetten.

Vragenlijst zelftest 23-01-26

Ik weet hoe ik met GitHub iteratief kan werken, gebruik issues en sub-issues, en ik kan uitleggen wat een fork, clone, commit, push, pull, merge en conflict inhouden. 🤓🍗

Ik weet van HTML wat elementen, tags en attributen zijn, en hoe ik mijn HTML kan valideren, en van CSS wat selectors, properties, values, units en combinators zijn. 🤓

Ik weet hoe ik Figma kan gebruiken om te variëren, hoe ik interactieve prototypes kan maken, en ik kan inschatten op welk moment ik verder ga in code. 🍗

Ik weet alle Layout Modes in CSS en eigenschappen van elke te benoemen, kan van (onderdelen van) een ontwerp bepalen welke ik inzet, en ze toepassen en combineren. 🤓

Ik weet wat de WCAG richtlijnen zijn, hoe ik een WCAG audit met automatische en handmatige tests doe, en hoe ik testresultaten kan verwerken. 🍗

Ik weet hoe ik met alleen HTML een prototype van (een deel van) een ontwerp maak, en waarom een robuust fundament belangrijk is, voordat ik volgende lagen toevoeg. 🤓🍗

Ik weet hoe ik Mobile First ontwerp en ontwikkel, hoe ik dat kan herkennen in mijn CSS, hoe CSS nesting hierbij kan helpen, en wat het voordeel is van deze manier. 🍗

Ik weet verschillende regels voor leesbaarheid van tekst, hoe ik de typografie kan aanpassen met CSS, en welke properties en units ik wanneer in kan zetten. 🍗

Ik weet hoe kleurcontrast te maken heeft met visuele hiërarchie én met toegankelijkheid, en hoe ik dit kan testen en verbeteren. 🍗

Ik weet hoe ik een duidelijke Readme en Wiki kan opleveren, hoe ik Markdown hierin toe kan passen, hoe ik mijn werk aan een opdrachtgever presenteer tijdens een Sprint Review en hoe ik inhoudelijke feedback kan krijgen. 🍗

Ik weet wat in CSS specificity, cascade en inheritance betekenen, en kan deze onderwerpen via een schets uitleggen aan iemand anders. 🫣😅

Ik weet verschillende Gestalt wetten te benoemen en kan ze inzetten om ontwerpen beter (of slechter) te maken. 🤓

Ik weet hoe ik in HTML formulieren en formulierelementen maak, hoe ik validatieregels in HTML attributen meegeef, hoe ik verschillende states kan stylen met CSS en wat het verschil is tussen een placeholder en een label. 🤓

Ik weet wat Custom Properties in CSS zijn, waarom ze zo heten, hoe je ze gebruikt en dynamisch inzet, en hoe ze samenwerken met specificity, cascade en inheritance. 😅🤓

Ik weet de basis van programmeren, zoals variabelen, functies, loops en data types, en ik weet wat het verschil is tussen een imperatieve taal en een declaratieve taal. 🫣

Ik weet wat keyframe animaties in CSS zijn, hoe je ze kunt gebruiken, hoe ze verschillen van transitions, en wanneer je wat inzet. 🤓🍗

Ik weet het verschil tussen feedback en feedforward in een User Interface, hoe die samenwerken, en hoe duidelijke labels de User Interface beter kunnen maken. 🍗

Ik weet wat een gebruikerstest is, hoe je deze voorbereidt, en hoe je met een user story, testplan, scenario en observeren tot bruikbare testresultaten komt. 🤓

Ik weet hoe ik in JavaScript via het Document Object Model met querySelector, addEventListener en classList micro-interacties toe kan voegen aan mijn website. 🤓

Ik weet wat UI events en event properties zijn, hoe ik verschillende UI events in JavaScript kan gebruiken, en wat een callback functie is. 🤓