Sprint 12 ‐ Proof of Concept - lynnvdbo/i-love-web GitHub Wiki

Vragenlijst zelftest 19-06-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 🍦

https://github.com/lynnvdbo/proof-of-concept/issues/19

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

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

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

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

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

https://github.com/GijsNagtegaal/pleasurable-ui/pulls?q=is%3Apr+is%3Aclosed

  1. Ik weet hoe ik formulieren pro-actief kan valideren met client-side code 🤓

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

  3. Ik weet wat layout shifts zijn, door wat ze veroorzaakt worden, hoe ik ze kan meten en hoe ik ze kan oplossen 🤓🍦 https://github.com/lynnvdbo/user-experience-enhanced-website/issues/20

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

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

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

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

  8. Ik kan scroll-driven animations inzetten om de UI beter te maken 🤓

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

https://github.com/lynnvdbo/proof-of-concept/blob/3ff79cb0c9a1d19b84742454b7bb6810cc7e5edc/public/scripts/client.js#L28-L36 https://github.com/GijsNagtegaal/pleasurable-ui/blob/60c6a5d95799cd1cf0916f5172c02d77cdcc5edd/public/assets/styles/partials.css#L401-L416