Loo punased, sinised ja hallid plokid ainult CSS-i abil (ilma struktuuri muutmata, ilma ümbriste lisamiseta). Plokid peavad olema paigutatud vastavalt pildil olevale näitele. Võite määrata stiile konteinerile ja plokkidele ise.
Frontend
Rakenda mapper funktsiju, kas pieņem datus (source), laukus (fields), filtru (filter) un kārtošanu (order). Nepieciešams: validēt parametrus (fields jābūt masīvam, source/filter/order ir funkcijas, lauki no fields jābūt klātesošiem datos), iegūt datus, izsaucot source(), filtrēt ar filter, kārtot ar order un atgriezt tikai pieprasītos laukus no fields.
Tehke React komponendi koodi ülevaade, mis teostab andmete vahetust, kutsub välja string-funktsiooni ja kuvab nimekirja. Leidke ja parandage kõik vead ja probleemid (async useEffect'is, sõltuvuste massiivi puudumine, indeksi kasutamine võtmena jne).
Ains ainult DOM API-d (ilma Reactita, läbi dokumendi), kirjuta kood, kus klõpsates mis tahes ristkülikul näidatakse selle värvi. Soovitatav on kasutada ühte sündmuse töötlejat kõigi elementide jaoks. Mis vahe on event.target ja event.currentTarget?
Rakenda Queue klassi meetodi run nii, et selle rakendus vastaks näidisele. Run meetod peab järjekindlalt täitma talle antud asünkroonseid funktsioone. Järjekorras olev järgnev funktsioon saab olla kutsutud ainult pärast next kutsumist. Kui ühes funktsioonis tekib viga, ei kutsuta järgmisi funktsioone. Meetodid peavad toetama ahelkõnesid (chaining).
Kirjutage React-komponent, millel on nupp 'Lisa'. Kui klõpsate nupule 'Lisa', lisatakse uus nupp järjekorranumbriga. Kui klõpsate loodud nupule, see eemaldatakse. Eemaldamine peab töötama korrektselt (mitte indeksiga, vaid unikaalse identifikaatoriga).
Rakenda asyncFilter funktsiooni, mis võtab vastu arvude massiivi ja asünkroonse predikaatfunktsiooni ning tagastab filtreeritud massiivi. Näiteks sisendiga [1, 2, 3] ja funktsiooniga, mis jätab ainult paaritud arvud, peaks väljund olema [1, 3].