Vytvorte bloky červené, modré a sivé pomocou iba CSS (bez zmeny štruktúry, bez pridania obalov). Bloky by mali byť usporiadané podľa príkladu na obrázku. Môžete nastaviť štýly pre kontajner a samotné bloky.
Frontend
Implementujte funkciu mapper, ktorá prijíma údaje (source), polia (fields), filter (filter) a zoradenie (order). Je potrebné: overiť parametre (fields musí byť pole, source/filter/order sú funkcie, polia z fields musia byť prítomné v údajoch), získať údaje volaním source(), filtrovať pomocou filter, zoradiť pomocou order a vrátiť len požadované polia z fields.
Preverite kodo React-komponente, ki izvaja preklapljanje podatkov, kliče funkcijo niza in prikazuje seznam. Najdite in odpravite vse napake in težave (async v useEffect, odsotnost niza odvisnosti, uporaba indeksa kot ključa itd.).
Použitím iba DOM API (bez Reactu, cez dokument), napíšte kód, pri ktorom klik na ktorýkoľvek obdĺžnik zobrazí jeho farbu. Odporúča sa použiť jeden spracovateľ udalostí pre všetky prvky. Aký je rozdiel medzi event.target a event.currentTarget?
Implementujte metódu run triedy Queue tak, aby implementácia zodpovedala príkladu použitia. Metóda run by mala sekvenčne vykonávať odovzdané asynchrónne funkcie. Nasledujúca funkcia v rade môže byť volaná až po volaní next. Ak dôjde k chybe v jednej z funkcií, nasledujúce funkcie sa nevolajú. Metódy by mali podporovať reťazové volania (chaining).
Napíšte komponent React s tlačidlom Pridať. Po kliknutí na tlačidlo Pridať sa pridá nové tlačidlo s poradovým číslom. Po kliknutí na vytvorené tlačidlo sa odstráni. Odstraňovanie by malo fungovať správne (nie podľa indexu, ale podľa jedinečného identifikátora).
Implementujte funkciu asyncFilter, ktorá prijíma pole čísel a asynchrónnu predikátovú funkciu, a vracia filtrované pole. Napríklad, pri vstupe [1, 2, 3] a funkcii, ktorá ponecháva iba nepárne čísla, by mal byť výstup [1, 3].