Utwórz bloki czerwony, niebieski i szary, używając tylko CSS (bez zmiany struktury, bez dodawania opakowań). Bloki powinny być rozmieszczone zgodnie z przykładem na obrazku. Możesz ustawić style dla kontenera i samych bloków.
Frontend
Zaimplementuj funkcję mapper, która przyjmuje dane (source), pola (fields), filtr (filter) i sortowanie (order). Należy: zweryfikować parametry (fields musi być tablicą, source/filter/order to funkcje, pola z fields muszą występować w danych), pobrać dane przez wywołanie source(), przefiltrować przez filter, posortować przez order i zwrócić tylko żądane pola z fields.
Używając tylko API DOM (bez React, przez document), napisz kod, w którym kliknięcie na dowolny prostokąt wyświetla jego kolor. Zaleca się użycie jednego obsługi zdarzeń dla wszystkich elementów. Jaka jest różnica między event.target a event.currentTarget?
Przeprowadź przegląd kodu komponentu React, który wykonuje przełączanie danych, wywołuje funkcję tekstową i wyświetla listę. Znajdź i napraw wszystkie błędy i problemy (async w useEffect, brak tablicy zależności, użycie indeksu jako klucza itp.).
Zaimplementuj metodę run klasy Queue tak, aby implementacja odpowiadała przykładowi użycia. Metoda run powinna kolejno wykonywać przekazywane do niej funkcje asynchroniczne. Następna funkcja w kolejce może być wywołana tylko po wywołaniu next. Jeśli w jednej z funkcji wystąpi błąd, nie będą wywoływane kolejne funkcje. Metody powinny obsługiwać łańcuchowe wywołania (chaining).
Napisz komponent React z przyciskiem Dodaj. Po kliknięciu przycisku Dodaj dodawany jest nowy przycisk z numerem porządkowym. Po kliknięciu na utworzony przycisk, jest on usuwany. Usuwanie powinno działać poprawnie (nie po indeksie, lecz po unikalnym identyfikatorze).
Zaimplementuj funkcję asyncFilter, która przyjmuje tablicę liczb i asynchroniczną funkcję predykat, i zwraca przefiltrowaną tablicę. Na przykład, dla wejścia [1, 2, 3] i funkcji pozostawiającej tylko nieparzyste liczby, wynik powinien być [1, 3].