Sprint Review 24.01 // general

[lisagjh]

Lisa

:Target selector voor enhanced in javascript

Je hebt een soort flash als de pagina komt

Je hebt mobile navigation en

Het nadeel van de target selector is dat het history aanpast

De enhancement is het niet updaten van de url

Het navigatie component is met modulerend werken moet er styling aangepast worden

History api met client side met back en forward

Target selector met toggle active dan selecteer je 2 dingen en enhancen in een bepaalde state

In de feature image zit een link in de figcaption en dat word er extra informtie getogled en dan lijkt dit hierop

Op deze manier heb je het togllen van een classe om progressive enhanced toe te passen op de state

De props zoals in svelte kan je het aanpassen naar vanilla javascript

Content type png de images uit de directus database en als je format auto doet word het image avif en het idee hierbij is dat de request header en accecpt en ik ben deze browser en deze talen spreek ik en de image servers lezen dit uit en dan krijg je een bepaalde image type

Waar je dit vroeger met image type liet zien in het source element en de browser gaat de juiste element requesten en daar gebruik je het picture element

Voor browser die geen webp supporten moet je dit ook toevoegen

Voor imageservers kan je image auto doen en dan word het geupdate

Tell the browser to use specific images based on criteria

Picture source image webp en dan meerder formats end at word onhandig daarom is er format auto

---

Yu Jing

Aria required zou conditioneel op true moeten staan

Eeen required zit in de html spec al een required hebben dus doe het niet

Je hebt props en in die props spread je die op het input element

Je kan alles meegeven en als attributton word het als value meegegeven\

Je hebt verschillende inputtypes en de if else die je maakt dan breek je de html flexibiliteit en zodra je erop klikt krijg

En in svelte kan alle props kan spreaden

---

Jason

Het probleem is wat wil je dat er gebeurd ?

In de catch zit het probleem omdat je de error catch fuck it ik log die error en het throwen si een error gooien

Als je de catch wegghaalt

Er is een throw errro en thrwo new error faalt al in de build

Iets wat frameworks doen is omdat je props integreert word er wel degelijk typescript integreert

Je geeft aan dat het een a en een button zijn en hoe gaat dat met het component gebouwd maken

Afhankelijk van de opdracht kan je ook een label maken van het button component

De button is styling om het er visueel uit te laten zien

Javascript vragen

Functioneel programmeren is handig

Functioneel programmeren is een array en dat kan je met let filter element

En element.foreach en dan met een if else

Functioneel in 1 regel

Props gaan in de filter en dat return je

Je hebt een functie filter items en die return je en dat staat heel erg op zichzelf

Je kan beter argumenten in een functtie meenemen

Als je een functie wilt testen met alleen maar iets meekrijgt in plaats van een buiten

In svelte heb je een bepaalde buld time om zo min mogelijk javascript te gebruiken

[lisagjh]