cmda-bt / fe-course-21-22

🎓 Front-end 2 · 2021-2022 · Curriculum and Syllabus

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Week 4

xiaonanpols21 opened this issue · comments

DOM Manipulation

Name

Xiao Nan Pols

Class

tech-4

Repo link

https://github.com/xiaonanpols21/block-tech-v2

Summary

had geleert over filter en clean code principles

Resources used

wes bos

Any thoughts?

Je leert manieren aan om het te gebruiken in je projecten zoals progressive enhancement. we kregen niet egt les over hoe je dat programeert want ik dacht met noscript tag maar het moet dus via js

Wat bijvoorbeeld een progressive enhancement met filteren is is dat het filteren met een submit knop werkt naar een post route. Maar als je dit submit dan refresht de pagina en gaat het filteren server-side en kan er ook geen animatie aan toegevoegd worden. Je zou bijvoorbeeld dan ervoor kunnen zorgen dat de filter knop niet voor een page refresh zorgt en dan met een animatie de weggefilterde items weg animeren. Dit is dus een progressive enhancement omdat je dan wel kan filteren met page refresh en als je je client side js uit zou zetten, dan zou het nog steeds werken. Als je dan vervolgens client side js aanzet verbeter je de ervaring door middel van animaties en meer interactie. Verder denk ik dat het je nu allemaal goed af gaat en als je nog vragen heb hoor ik het graag! Succes