Sobes.tech

Frontend

Izveidojiet sarkanos, zilas un pelēkas blokus, izmantojot tikai CSS (nemainot struktūru, bez ietverto pievienošanas). Bloki jānovieto saskaņā ar piemēru attēlā. Varat piešķirt stilus konteinerim un pašiem blokiem.

180

Izpildiet mapper funkciju, kas pieņem datus (source), laukus (fields), filtru (filter) un kārtošanu (order). Nepieciešams: validēt parametrus (fields jābūt masīvam, source/filter/order ir funkcijas, lauki no fields jābūt klātesošiem datos), iegūt datus, izsaucot source(), filtrēt ar filter, kārtot ar order un atgriezt tikai pieprasītos laukus no fields.

169

Veiciet React komponenta koda pārskatīšanu, kas veic datu pārslēgšanu, izsauc virknes funkciju un attēlo sarakstu. Atrodiet un labojiet visas kļūdas un problēmas (async useEffect, atkarību masīva neesamība, indeksa izmantošana kā atslēga utt.).

145

Izmantojot tikai DOM API (bez React, caur dokumentu), uzrakstiet kodu, kurā noklikšķinot uz jebkura taisnstūra, tiek parādīta tā krāsa. Ieteicams izmantot vienu notikumu apstrādātāju visiem elementiem. Kāda ir atšķirība starp event.target un event.currentTarget?

139

Izpildiet Queue klases run metodi tā, lai tā ieviešana atbilstu lietošanas piemēram. Run metodei jāizpilda secīgi nodotās asīnhronās funkcijas. Nākamā funkcija rindā var tikt izsaukta tikai pēc next izsaukšanas. Ja kādā no funkcijām rodas kļūda, nākamās funkcijas netiek izsauktas. Metodēm jāatbalsta ķēdes saukšana (chaining).

121

Uzrakstiet React komponentu ar pogas 'Pievienot'. Noklikšķinot uz pogas 'Pievienot', tiks pievienots jauns poga ar secības numuru. Noklikšķinot uz izveidotās pogas, tā tiks dzēsta. Dzēšana jāstrādā pareizi (ne pēc indeksa, bet pēc unikālas identifikatora).

114

Izpildiet asyncFilter funkciju, kas pieņem skaitļu masīvu un asīnhronu predikāta funkciju, un atgriež filtrētu masīvu. Piemēram, ievadot [1, 2, 3] un funkciju, kas atstāj tikai nepāra skaitļus, rezultāts būtu [1, 3].

101