Frontend

SSR аркылуу маалыматтар серверде жүктөлгөн болсо, кардарда ашыкча маалымат суроо маселесин кантип чечсе болот?

Viewport ичинде көрүнүп турган карталардагы сүрөттөрдүн жүктөлүшүн кантип оптималдаштырса болот? Мазмунду тез-тез алмаштырганда (мисалы, YouTube Shorts) race condition маселесин кантип чечсе болот?

Көп өлчөмдүү формалар менен иштөө үчүн эмне колдонулду — текшерүү үчүн, кандай көйгөйлөр кездешти, кантип сынап көрүштү?

Тийиштүү талаалар үчүн сервердик текшерүүнү ишке ашырыңыз.

Сиз Docker, CI/CD, GitHub Actions, GitLab жөнүндө айттыңыз — эмне кылгандыгыңыз, кайсы пайплайндар, контейнерлерде эмне болгонун түшүндүрө аласызбы?

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

customMap функциясы үчүн TypeScript типтештирүүсүн ишке ашырыңыз, ал ар кандай түрдөгү массивти жана башка түрдү кайтарган трансформациялык функцияны кабыл алат. Трансформациялык функция үч аргументти кабыл алышы керек (Array.mapтеги callback сыяктуу).

Тизмектин виртуалдаштыруу кандай иштейт? Бул техникалык жактан JavaScript аркылуу кантип ишке ашырылат?

#React катталуу формасы 1. StateProvider кандай иштээрин түшүндүрүңүз, интервью берүүчү менен ой-пикириңизди бөлүшүңүз. 2. /src/api/mockка карап көрүңүз, ал кандай иштээрин түшүндүрүңүз. 3. SubmitButton түсүн текшерип, оңдоп түзөтүңүз. 4. Signup компонентинин ичинде кардар тараптан форманы текшерүүнү ишке ашырыңыз. (\*) 9-орунду эске алыңыз. Эрежелер: - Колдонуучу аты, Э-почта, Кулпус жана Кайталаган Кулпус талаалары кеминде 6 тамга болушу керек; - Кулпус Кайталаган Кулпус менен дал келиши керек; - Валидация "SignUp" баскычын басканда жүргүзүлүшү керек; - Ката маанилер менен толтурулган талаалар белгилениши керек (props error жана helperText); 6. API жоопто ката болушу мүмкүн, ал колдонуучу жакын жеринде көрсөтүлүшү керек. 7. UserName компоненти ийгиликтүү жөнөтүүдөн кийин жаңы колдонуучу атын көрсөтүп турганына ишениңиз. 8. Жаңы SignupSuccess компонентинин ишке ашырылышын камсыздаңыз. Ал каттоо формасынын ордуна көрсөтүлүшү керек. 9. Тийиштүү талаалар үчүн сервердик валидацияны ишке ашырыңыз. --- mock.ts файлынан код: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Колдонуучу аты "${userName}" алда алынган. Башкасын аракет кылыңыз.` ) ); } }, 500); }); }, }; export default api; ```

Кайсы фреймворк же инструменттер менен иштешесиз? Иште AI инструменттерин колдонуп жатасызбы?

Баракчада оюнчу бар. Бир баракчада токтотуу баскычын басканда, башка баракчада да ойнотуу токтоп калсын. Баракчалардын ортосундагы байланышты кандайча ишке ашырмаксың?

#React катталуу формасы 1. StateProvider кандай иштээрин түшүндүрүңүз, интервью берүүчү менен ой-пикириңизди бөлүшүңүз. 2. /src/api/mockка карап, анын иштешин түшүндүрүңүз. 3. SubmitButton түсүн текшерип, оңдоңуз. 4. Signup компонентинин ичинде кардар формасын текшерүүнү ишке ашырыңыз. (* ) 9-орунду эске алыңыз. Эрежелер: - Колдонуучу аты, Электрондук почта, Пароль, Парольду кайталоо талаалары кеминде 6 тамгадан болушу керек; - Пароль Парольду кайталоо менен дал келиши керек; - Валидация "Катталуу" баскычын басканда жүргүзүлүшү керек; - Ката бар маанилер менен толтурулган талаалар белгилениши керек (props error жана helperText); 6. API жоопто ката болушу мүмкүн жана ал тиешелүү талаанын жакында көрсөтүлүшү керек. 7. Жеткиликтүү ийгиликтүү жөнөтүүдөн кийин UserName компоненти жаңы колдонуучу атын көрсөтүшү керек. 8. Жаңы SignupSuccess компонентин ишке ашырыңыз. Ал катталуу формасынын ордуна көрсөтүлүшү керек. 9. Тиешелүү талаалар үчүн сервердик валидацияны ишке ашырыңыз.

Чатта файлдар кандай алмашылган — жай гана POST суроо мененби же чоң файлдар болдубу?

Бизде монорепоодо өтө чоң фронтенд бар, анда бир убакта көптөгөн ар кандай командалар иштеп жатат. Биз микрофронт-ендтерге өтө албайбыз. Төрттүрдүү командалардын бири-биринин ишине таасир этүү коркунучун кантип минималдаштырса болот?

Бир гана div жана CSS колдонуп STOP белгисин (ак сызыктуу кызыл дөңгөл жана эки катар чегарасы) түзүңүз (псевдоэлементтер уруксат берилген).

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

Версиялар кандайча жеткирилчү, кандайча тесттелчү, канча жолу чыгышчу?

Ба программалоо жөнүндө жаңы нерсе кантип үйрөнөсүң жана акыркы эсинде эмне калды?

promiseWithResolver (кечиккен убада) функциясын ишке ашырыңыз, ал эми алымдар resolve жана promise деген талаалар менен объект кайтарат.

Мүмкүн болдуб, бир продукттун бир функциясында көп талаа кайтарылса, башка функциясында эки гана талаа кайтарылса?