Frontend
Биз Pinia'ны колдонобуз. Бир компонентте, базага суроо менен күйдү өзгөртүп турган синхрондуу ишти чакырабыз. Андан кийин башка компонентте, ошол күйдү дароо окуйбуз, бирок ал дагы эски. Неге мындай болот жана кантип оңдош керек?
Array<T> колдонуп, T массивтин түрү экенин кандай ачык көрсөтсө болот?
Мәндер үчүн const a = null жана const b = 0, || жана ?? менен өрнөктөрдүн натыйжаларын аныктаңыз жана операторлордун айырмасын түшүндүрүңүз.
Практикалык тапшырма: скроллду контейнердин ичинде жасаңыз (article), bodyда эмес. Түймөлөрдү контейнердин төмөн жагына бекитүү (sticky). Скроллбарды стили менен жашырыңыз.
Эгер функция типтелсе жана сан ордуна саптар берилсе, кайда ката кетет: өнүктүрүү этабында?
JavaScriptте объектти көчүрүүнүн кандай жолдору бар?
Китепкананын UI-kit компоненттери үчүн практикалык жактан өзүңүз тажрыйбада болгон критерийлер кандай (мисалы, компоненттин жоопкерчилик чегараларын аныктоо)?
Бардык 3 секундта бирдей кездешкен санды өзгөртүп, өзгөрүүлөрдүн санын көрсөтүү керек. Бул бардык ишти App компонентинин ичинде гана жасоо керек. Бул компоненттер сырттан келген Rand компонентинен турат.
Сен Docker'ди өзүң орнотконсуң, туурабы? Түшүнөсүңбү?
React жөнүндө айтып бер, анын ички нюанстар менен канчалык терең тааныш болдуң? Эмне колдондуң?
// Сизге латин тамгалардан, бош орундардан жана пунктуация белгилерден турган сап берилген. // Сапар бардык 26 латин тамгасын кеминде бир жолу камтыса, аны панграм деп аталат. // Сапанын панграм же жок экенин аныктаңыз. const LETTERS = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; function isPangram(text) { // кодуңузду бул жерге жазгыла } console.log(isPangram('A pangram or holoalphabetic sentence is a sentence using every letter of a given alphabet at least once.')); // -> false console.log(isPangram('Waltz, bad nymph, for quick jigs vex.')); // -> true
Эгер сиз микрофронтенддерди киргизүү же монолитти колдонуу арасыда чечим кабыл алышыңыз керек болсо, кандай чечим кабыл алмаксыз?
React-деги абалдын көтөрүү (lifting state up) үлгүсүн түшүндүрүңүз
Vue 2 жана Vue 3: Vue 2нин реактивдүүлүгүнүн архитектуралык чектөөлөрү Эван Юнун `Proxy` колдонуп моторду кайра жазууга мажбур кылдыбы?
Бул TypeScriptтин бул пайдалануучу түрлөрүнүн жана алардын колдонуу учурларынын айырмачылыктарын түшүндүрүңүз: ```typescript type someType1<T extends object> = Partial<T>; type someType2<T extends object> = T[keyof T]; type someType3<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; type SomeType4<T extends object, K extends keyof T = keyof T> = Omit<T, K> & Partial<Pick<T, K>>; ```
IP-дарек кайсы?
Эгер функция стрелка болсо, үч учурда эмне өзгөрөт?
Кодду текшерүү процесси кандай уюштурулган болчу?
Жасалган жасалма интеллект тарабынан түзүлгөн кодду карап чыктыңызбы?
React тапшырмасы (3 кичинекей тапшырма): 1) Колдонуучунун түзөтүү формасын оңдоо — тизмедеги колдонуучунун атын басканда, атын түзөтүү формасындагы киргизүү талаасына киргизүү керек. 2) Түзөтүү формасы издөө талаасына текст киргизилгенде кайра рендерделбеши керек (React.memo менен оптималдаштыруу). 3) Тизмеден колдонуучуну тандаганда, издөө талаасы нөлгө коюлушу керек.