Napravite crvene, plave i sive blokove koristeći samo CSS (bez promene strukture, bez dodavanja omotača). Blokovi treba da budu raspoređeni prema primeru na slici. Možete postaviti stilove za kontejner i same blokove.
Frontend
Implementirajte funkciju mapper koja prihvata podatke (source), polja (fields), filter (filter) i sortiranje (order). Potrebno je: validirati parametre (fields mora biti niz, source/filter/order su funkcije, polja iz fields moraju biti prisutna u podacima), dobiti podatke putem poziva source(), filtrirati putem filter, sortirati putem order i vratiti samo tražena polja iz fields.
Koristeći samo DOM API (bez React-a, putem dokumenta), napišite kod u kojem klik na bilo koji od pravougaonika prikazuje njegovu boju. Preporučljivo je koristiti jedan handler događaja za sve elemente. Koja je razlika između event.target i event.currentTarget?
Uradi pregled koda React-komponente koji vrši prebacivanje podataka, poziva funkciju niza i prikazuje spisak. Pronađite i ispravite sve greške i probleme (async u useEffect, nedostatak niza zavisnosti, korišćenje indeksa kao ključa itd.).
Implementirajte metodu run klase Queue tako da implementacija odgovara primeru upotrebe. Metoda run treba da izvršava redom asinhrone funkcije koje joj se proslede. Sledeća funkcija u redu može biti pozvana samo nakon poziva next. Ako dođe do greške u jednoj od funkcija, sledeće funkcije se ne pozivaju. Metode treba da podržavaju lančano pozivanje (chaining).
Napišite React komponentu s dugmetom Dodaj. Kada kliknete na dugme Dodaj, dodaje se novi dugme s rednim brojem. Kada kliknete na kreirano dugme, ono se briše. Brisanje treba da radi ispravno (ne po indeksu, već po jedinstvenom identifikatoru).
Implementirajte funkciju asyncFilter, koja prihvata niz brojeva i asinhronu funkciju predikata, i vraća filtrirani niz. Na primer, za ulaz [1, 2, 3] i funkciju koja ostavlja samo neparne brojeve, izlaz bi trebao biti [1, 3].