Creați blocuri roșu, albastru și gri folosind doar CSS (fără a modifica structura, fără a adăuga învelișuri). Blocurile trebuie să fie aranjate conform exemplului din imagine. Puteți seta stiluri pentru container și pentru blocuri în sine.
Frontend
Implementați o funcție mapper care acceptă date (source), câmpuri (fields), filtru (filter) și sortare (order). Este necesar: să validați parametrii (fields trebuie să fie un array, source/filter/order sunt funcții, câmpurile din fields trebuie să fie prezente în date), să obțineți datele prin apelul source(), să filtrați prin filter, să sortați prin order și să returnați doar câmpurile solicitate din fields.
Folosind doar API-ul DOM (fără React, prin document), scrieți un cod în care clicul pe oricare dintre dreptunghiuri afișează culoarea sa. Este recomandat să folosiți un singur handler de evenimente pentru toate elementele. Care este diferența dintre event.target și event.currentTarget?
Realizați o revizuire a codului unui component React care efectuează comutarea datelor, apelează o funcție de șir și afișează o listă. Găsiți și corectați toate erorile și problemele (async în useEffect, lipsa unui array de dependențe, utilizarea indexului ca key etc.).
Implementați metoda run a clasei Queue astfel încât implementarea să corespundă exemplului de utilizare. Metoda run trebuie să execute secvențial funcțiile asincrone transmise. Funcția următoare din coadă poate fi apelată doar după apelarea lui next. Dacă apare o eroare într-una dintre funcții, funcțiile următoare nu sunt apelate. Metodele trebuie să suporte chaining-ul.
Scrieți un component React cu un buton Adaugă. La apăsarea butonului Adaugă, se adaugă un nou buton cu un număr de ordine. La apăsarea butonului creat, acesta se șterge. Ștergerea trebuie să funcționeze corect (nu după index, ci după un identificator unic).
Implementați funcția asyncFilter, care primește un array de numere și o funcție predicat asincronă, și returnează un array filtrat. De exemplu, pentru intrarea [1, 2, 3] și o funcție care păstrează doar numerele impare, rezultatul trebuie să fie [1, 3].