Frontend

Сүрөттөрдүн жүктөлүшүн кантип оптималдаштыруу керек? Бул үчүн кайсы HTML мүнөздөмөлөрү жана элементтери колдонулат?

Учурдагы ишке ашырууда fetch retry-оберткасы эч качан чакырылмаса жана муну кантип алдын алса болот?

React Context менен иштедиңби? Contextтин Reduxка салыштырмалуу кемчиликтери кандай?

Браузерге URL киргизип, Enter басканда эмне болот? DNS чечиминен баштап баракчаны чийүүчү процессти сүрөттөп бериң.

Middle

ОТП Банк

Идеялардын (estimation) чоң демилгелерин баалоо сиздин иш циклиңиздин канча пайызын түзөт?

Көрсөтүү үчүн эмне бар? Канга көрсөтүү керек?

Кодду жалпы кай жана эмне үчүн керек? Ал чын эле керекпи жана кайсы учурларда?

Middle

Госуслуги

Angular шарттары, мисалы @if же *ngIf, рендерге кандай таасир этет: алар элементтерди жашырып койобу же алардын DOMга кошулушун болбойбу?

Колдонуучу кеңешти чыкса жана кирүү талаасындагы текст өзгөрсө — мурда тандалган мааниге кайра издөөнү баштайбы? Бул маселени кантип чечсе болот?

React ванильдуу JavaScriptтен эмнеси менен айырмаланат?

Өзүңүздү тааныштырып, кыскача өзүңүздүн тажрыйбаңыз жөнүндө айтып берсеңиз.

Берилген код үчүн `setTimeout`, `Promise` жана синхрондуу `console.log` менен консоль чыгышы тартибин аныктап, аны Event Loop аркылуу түшүндүрүңүз.

Бер берилген функция жана эки объект түрлөрүн текшерүү үчүн. Бир учурда TypeScript нааразы болбойт, экинчи учурда — болот. Функцияны типтештирүү керек, ошондо TypeScriptтин жүрүм-туруму күтүлгөнгө ылайык болот (generics жана keyof колдонуу менен).

Нимени окуйсуз, кантип өнүгүп жатасыз жана өнүгүү жаңылыктарын кайдан көз саласыз?

/** * `asyncAuth(callback)` функциясы callback кабыл алат, ага * ката (биринчи аргумент) жана маалыматтар * бекендден (экинчи аргумент) өткөрүлүшү мүмкүн. * asyncAuth((error, data) => {}); * * Сиз `auth()` функциясын иштеп чыгышыңыз керек, * ал `asyncAuth()` чакырып, бирок Promise кайтарат. * * @returns {Promise} */ function auth() { return new Promise((resolve, reject) => { asyncAuth((error, data) => { if (error) { reject(error) } else { resolve(data) } }); }) } /** * `tryAuth()` функциясы `auth()` колдонуп, жана ката болсо, * N кошумча аракет кылат. * Бардык аракеттер ийгиликсиз болсо, акыркы катаны кайтарат. * * @returns {Promise} */ function tryAuth(n) { }

Promise мисалында reject чакырылып, андан соң then, catch, finally иштетүүчүлөрү байланган учурда консолдо сандарды чыгуу тартибин аныктаңыз.

Middle

ОТП Банк

Маселе: даракка өтүү жана текстти киргизүү менен чыгуу (ичке тизмени рекурсивдүү өтүү)

Коддо конструктордо addField чакырылуусу эмне үчүн жана бул масштабдуулук жагынан кандай көйгөйлөрдү жаратат?

Браузердеги беттин рендерингинин критикалык жолу жөнүндө айтып бер

/** * Функцияны типтөө, ал массив объектов жана ачкычты кабыл алат, * бул ачкыч/мөлчөм бар объекттердин массивин кайтарат **/ const filterArrayByKey = (items, key) => { return items.filter((item) => item[key] !== undefined && item[key] !== null); };

Middle

Simbirsoft