Sobes.tech

Frontend

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.

192

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.

173

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.).

153

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?

143

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).

123

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).

116

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].

104