CSS-ті пайдаланып, тек қана стильдер арқылы қызыл, көк, сұр блоктарды жасаңыз (markup-ты өзгеріссіз, орауыштарды қоспай). Блоктар суреттегі мысалға сәйкес орналасуы керек. Контейнер мен блоктарды стильдеуге болады.
Middle+
181
Frontend
Функция mapper-ді жүзеге асырыңыз, ол деректерді (source), өрістерді (fields), сүзгіні (filter) және сұрыптауды (order) қабылдайды. Қажет: параметрлерді тексеру (fields массив болуы керек, source/filter/order функциялары болуы керек, fields-те көрсетілген өрістер деректерде болуы керек), source() арқылы деректерді алу, filter арқылы сүзу, order арқылы сұрыптау және тек сұратылған өрістерді қайтару.
Middle+
173
React компонентінің код-ревьюін жүргізіңіз, ол деректерді ауыстырады, жол функциясын шақырады және тізімді көрсетеді. Барлық қателер мен мәселелерді табыңыз және түзетіңіз (useEffect-те async, тәуелділік массивінің жоқтығы, индексін кілт ретінде пайдалану және т.б.).
Middle+
149
Тек ғана DOM API-ін пайдалана отырып (React-сыз, document арқылы), кез келген тікбұрышты басқанда оның түсін шығаратын код жазыңыз. Барлық элементтер үшін бір оқиға өңдегішін қолданған дұрыс. event.target пен event.currentTarget арасындағы айырмашылық неде?
Middle+
139
Queue класының run әдісін іске асырыңыз, ол қолдану мысалымен сәйкес келуі керек. run әдісі оған берілген асинхронды функцияларды кезекпен орындауы керек. Келесі функция тек next шақырылғаннан кейін ғана шақырылуы мүмкін. Егер бір функцияда қате болса, келесі функциялар шақырылмайды. Әдістер тізбектелуге қолдау көрсетуі керек.
Middle+
121
Add батырмасы бар React компонентін жазыңыз. Оны басқанда, реттік нөмірі бар жаңа батырма қосылады. Құрастырылған батырма басылғанда, ол жойылады. Жою дұрыс жұмыс істеуі керек (индекс бойынша емес, бірегей идентификатор бойынша).
Middle+
114
Асинхронды фильтр функциясын жүзеге асырыңыз, ол сан массивін және асинхронды предикат функциясын қабылдайды, және сүзгіден өткен массивті қайтарады. Мысалы, кіріс ретінде [1, 2, 3] және тақ сандарды сақтайтын функция берілсе, нәтиже [1, 3] болуы керек.
Middle+
103