Sobes.tech

Frontend

Sukurkite raudonus, mėlynus ir pilkus blokus naudodami tik CSS (nekeičiant struktūros, be apvalkalo pridėjimo). Blokai turi būti išdėstyti pagal pavyzdį paveikslėlyje. Galite nustatyti stilių konteineriui ir pačiam blokams.

177

Įgyvendinkite mapper funkciją, kuri priima duomenis (source), laukus (fields), filtrą (filter) ir rūšiavimą (order). Būtina: patikrinti parametrus (fields turi būti masyvas, source/filter/order yra funkcijos, laukų iš fields turi būti jų duomenyse), gauti duomenis per source() iškvietimą, filtruoti per filter, rūšiuoti per order ir grąžinti tik užklausimus laukus iš fields.

159

Atlikite React komponento kodo peržiūrą, kuris atlieka duomenų perjungimą, iškviečia eilutės funkciją ir išveda sąrašą. Suraskite ir ištaisykite visas klaidas ir problemas (async useEffect, priklausomybių masyvo nebuvimas, indekso naudojimas kaip raktas ir kt.).

139

Naudojant tik DOM API (be React, per document), parašykite kodą, kuriame paspaudus bet kurį stačiakampį būtų parodyta jo spalva. Rekomenduojama naudoti vieną įvykio tvarkytoją visiems elementams. Kuo skiriasi event.target ir event.currentTarget?

139

Įgyvendinkite Queue klasės run metodą taip, kad įgyvendinimas atitiktų naudojimo pavyzdį. Run metodas turi sekuoti perduodamas asinchronines funkcijas. Kitos funkcijos eilėje gali būti iškviestos tik po to, kai iškviesite next. Jei kuri nors funkcija sukels klaidą, vėlesnės funkcijos nebus iškviečiamos. Metodai turi palaikyti grandininį kvietimą (chaining).

119

Parašykite React komponentą su mygtuku 'Pridėti'. Paspaudus mygtuką 'Pridėti', pridėsis naujas mygtukas su eilės numeriu. Paspaudus sukurtą mygtuką, jis bus ištrintas. Ištrynimas turi veikti teisingai (ne pagal indeksą, o pagal unikalų identifikatorių).

113

Įgyvendinkite asyncFilter funkciją, kuri priima skaičių masyvą ir asinchroninę predikato funkciją, ir grąžina filtruotą masyvą. Pavyzdžiui, įvedus [1, 2, 3] ir funkciją, kuri leidžia tik nelyginius skaičius, išėjimas turėtų būti [1, 3].

101