Тек CSS колдонуп кызыл, көк жана боз түстөгү блоктарды түзүңүз (структураны өзгөртпөстөн, каптоолорду кошпостон). Блоктор сүрөттөгү мисалга ылайык жайгаштырылышы керек. Контейнер жана блокторго стили түзө аласыз.
Frontend
mapper функциясын жүзеге асырыңыз, ол деректерді (source), өрістерді (fields), сүзгіні (filter) және сұрыптауды (order) қабылдайды. Қажет: параметрлерді тексеру (fields массив болуы керек, source/filter/order функциялар болуы керек, fields-тан өрістер деректерде болуы керек), деректерді source() шақыру арқылы алу, filter арқылы сүзгілеу, order арқылы сұрыптау және тек сұралған өрістерді қайтару.
React компонентинин кодун текшерип көрүңүз, алмаштыруу маалыматтарды жүргүзүп, саптык функцияны чакырып жана тизмени көрсөтөт. Бардык каталар жана көйгөйлөрдү табыңыз жана оңдоңуз (async in useEffect, көзкарандысыздык массивинин жоктугу, индекс колдонуу катары key жана башка).
Тек DOM API'ны (Reactсиз, document аркылуу) колдонуп, ар бир тиктегенде анын түсүн көрсөтүүчү код жазгыла. Бардык элементтер үчүн бир иш-чара иштеткүчүн колдонуу сунушталат. event.target жана event.currentTarget ортосунда кандай айырма бар?
Queue классынын run ыкмасын ишке ашырыңыз, анын иштеши колдонуу мисалына ылайык келсин. run ыкмасы берилген асинхрондук функцияларды кезектешип аткарышы керек. Кийинки функция кезекте next чакырылганга чейин чакырылбайт. Эгер бир функцияда ката кетсе, кийинки функциялар чакырылбайт. Методтор чынжырлоо (chaining) колдоого алынышы керек.
React компонент жаз, анда 'Кошуу' деп аталган баскыч болот. Кошуу баскычын басканда жаңы баскыч кошулат жана анын номерлөө болот. Жасалган баскычка басканда ал өчүрүлөт. Өчүрүү туура иштеши керек (индекс боюнча эмес, уникалдуу идентификатор боюнча).
asyncFilter функциясын ишке ашырыңыз, ал функция сандардын массивин жана асинхрондуу предикат функциясын кабыл алат жана фильтрленген массивди кайтарат. Мисалы, кирүү [1, 2, 3] жана бир гана так эмес сандарды калтырган функция менен чыгуу [1, 3] болушу керек.