Sprint 10 ‐ User Experience Enhanced - lynnvdbo/i-love-web GitHub Wiki

Girlsday - 14/04/26

Op dinsdag 14 was er een Girlsday waarbij ik geholpen heb met twee medestudenten. We zaten in een vergaderruimte met 5 laptops en er kwamen telkens groepjes van 4/5 meiden langs van een middelbare school om een kijkje te nemen van onze opleiding. Op de laptops had je een codepen waarbij ze hun eigen visitekaartje konden designen. En wij als studenten hebben ze daarbij geholpen en uitleg gegeven.

Vragenlijst zelftest 09-05-26 🫣😅🤓🍦

  1. Ik begrijp het verschil tussen client-side JavaScript en server-side JavaScript en wanneer ik welke het handigst in kan zetten 🤓

  2. Ik heb een strategie voor server-side JavaScript debuggen, voor client-side JavaScript debuggen, en voor Liquid code debuggen 😅

  3. Ik kan GET en POST routes aanmaken en request parameters gebruiken 🤓

Ik kan dit wel alleen ik niet uit mijn hoofd

  1. Ik kan server-side JSON data fetchen uit een REST API 😅

  2. Ik kan data uit een REST API filteren, sorteren en zoeken via query parameters 😅

  3. Ik snap wat de async en await keywords doen in JavaScript code 🤓

  4. Ik weet wat het doel is van een try/catch block en kan het gebruiken bij het parsen van JSON 🫣

  5. Ik kan met een client-side fetch een werkend formulier verrijken 🤓

  6. Ik kan multi-page en single-page view transitions inzetten en aanpassen 🫣

  7. Ik kan verschillende manieren van responsive images uitleggen en toepassen 😅

  8. Ik weet hoe ik de resultaten van een performance audit moet interpreteren en hoe ik performance problemen kan oplossen 🤓

  9. Ik weet hoe ik met client-side JS de UX kan verbeteren, rekening houdend met progressive enhancement 😅

  10. Ik weet hoe ik binnen HTML, CSS en client-side JS nieuwe technieken toe kan passen, rekening houdend met oudere browsers 🤓

  11. Ik weet wat objecten, arrays, strings, loops, variabelen, functies en parameters zijn, en kan die in JavaScript inzetten 🫣😅

  12. Ik weet wat geavanceerdere concepten in JavaScript zijn, zoals closures, promises, callbacks, scope en de event loop 🫣

  13. Ik kan via GitHub met feature branches werken, pull requests aanmaken, reviewen en mergen 🫣

  14. Ik weet hoe ik formulieren pro-actief kan valideren met client-side code 🫣

  15. Ik weet de eerste regel van ARIA, en wat dat betekent voor hoe ik HTML schrijf 🫣

  16. Ik weet wat layout shifts zijn, door wat ze veroorzaakt worden, hoe ik ze kan meten en hoe ik ze kan oplossen 🤓

  17. Ik weet wat de Core Web Vitals zijn, hoe ik die kan meten, en hoe ik de cijfers moet interpreteren 😅

  18. Ik weet hoe perceived performance invloed heeft op de beleving van een gebruiker, en ik heb de ontwerp- en code vaardigheden om die toe te passen 🫣

  19. Ik kan UI states in meerdere lagen van progressive enhancement inzetten om de UX te verbeteren

  20. Ik kan een UI leuker en prettiger maken, zonder de core functionaliteit uit het oog te verliezen 🫣

  21. Ik kan scroll-driven animations inzetten om de UI beter te maken 😅

  22. Ik weet hoe ik verschillende vormen van feature detection in kan zetten in HTML, in CSS en in client-side JS 😅