Frontend

SSR orqali ma'lumotlar serverda yuklangan bo'lsa, mijozda ma'lumotlarni ortiqcha so'rov qilish muammosini qanday hal qilish mumkin?

Ko'rinish maydonchasida ko'rinadigan kartochkalardagi rasmlarni qanday optimallashtirish mumkin? Tez-tez kontentni o'zgartirishda (masalan, YouTube Shorts) race condition muammosini qanday hal qilish mumkin?

Ko'p o'lchovli shakllar bilan ishlash uchun nima ishlatildi, tasdiqlash uchun, qanday muammolar yuzaga keldi, qanday sinovdan o'tkazildi?

Siz Docker, CI/CD, GitHub Actions, GitLab haqida gapirgansiz — aniq nima qilganingiz, qanday pipeline'lar, konteynerlarda nima bo'lganini ochib berishingiz mumkinmi?

Foydalanuvchilarning yuklanishini tezlashtirish uchun ma'lumotlarni serverda qanday kechiktirish mumkin?

Qaysi freymvorklar yoki asboblar bilan ishlayapsiz? Ishingizda AI asboblarini ishlatasizmi?

#React ro'yxatdan o'tish formasi 1. StateProvider qanday ishlashini tushuntiring, suhbatdoshingiz bilan fikrlaringizni bo'lishing. 2. /src/api/mock ga qarang, qanday ishlashini tushuntiring. 3. SubmitButton rangini tekshiring va tuzating. 4. Signup komponentida mijoz tomonidagi forma tekshirishni amalga oshiring. (\*) 9-raqamli vazifani yodda tuting. Qoidalar: - Username, Email, Password va Repeat Password maydonlari kamida 6 ta belgi bo'lishi kerak; - Password Repeat Password bilan mos kelishi kerak; - Validatsiya "SignUp" tugmasi bosilganda amalga oshirilishi kerak; - Noto'g'ri qiymatga ega maydonlar belgilanishi kerak (error va helperText props); 6. API javobi xato bo'lishi mumkin va u mos maydon yaqinida foydalanuvchiga ko'rsatilishi kerak. 7. UserName komponenti muvaffaqiyatli yuborilgandan so'ng yangi foydalanuvchi nomini render qilayotganiga ishonch hosil qiling. 8. Yangi SignupSuccess komponentini amalga oshiring. U ro'yxatdan o'tish formasining o'rniga ko'rsatilishi kerak. 9. Mos maydonlar uchun server tekshiruvi amalga oshiring. --- mock.ts faylidagi kod: ```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( `Foydalanuvchi nomi "${userName}" allaqachon band qilingan. Iltimos, boshqa nom bilan sinab ko'ring.` ) ); } }, 500); }); }, }; export default api; ```

Ro'yxatni virtualizatsiya qilish qanday ishlaydi? Bu texnik jihatdan JavaScript orqali qanday amalga oshiriladi?

Mos server tekshiruvi uchun mos maydonlar uchun amalga oshiring.

Sahifada o'ynatuvchi bor. Bir tabda to'xtatish tugmasini bosganda, boshqa tabda ham ijro to'xtashini qanday ta'minlar eding? Tablar o'rtasida muloqotni qanday amalga oshirasiz?

customMap funktsiyasi uchun TypeScript tipini amalga oshiring, u har qanday turdagi massiv va boshqa turga qaytadigan transformatsiya funktsiyasini qabul qiladi. Transformatsiya funktsiyasi Array.map'dagi callback kabi uchta argumentni qabul qilishi kerak.

resolve va promise maydonlariga ega obyektni qaytaradigan promiseWithResolver (kechiktirilgan va'da) funksiyasini amalga oshiring.

Qanday qilib chiqarilgan versiyalar taqdim etilgan, qanday test qilinadi, qanchalik tez-tez chiqariladi?

Dasturlash haqida yangi nima bilib olasiz va so'nggi paytlarda nima esingizda qoldi?

Bizda monorepo'da juda katta frontend bor, u yerda bir nechta turli jamoalar bir vaqtning o'zida ishlamoqda. Micro-frontendlarga o'ta olmaymiz. Turli jamoalar bir-birining ishiga ta'sir qilish xavfini qanday minimallashtirish mumkin?

Faqat bir div va CSS yordamida STOP belgisi (oq chiziqli qizil doira va ikki qatlamli chegara) tayyorlang (pseudo-elemntlar ruxsat etilgan).

Odatda nima qilasan, agar rivojlanish jarayoni davom etayotganini his qilsang va muddatlardan biroz kechikayotgan bo'lsang? Chiqarish sanasi bor, lekin vazifani vaqtida tugatib bo'lmasligini tushunasiz.

#React ro'yxatdan o'tish formasi 1. StateProvider qanday ishlashini tushuntiring, suhbatdoshingiz bilan fikrlaringizni bo'lishing. 2. /src/api/mock ga qarang, uning qanday ishlashini tushuntiring. 3. SubmitButton rangini tekshiring va tuzating. 4. Signup komponentida mijoz formasi tekshiruvi amalga oshiring. (* ) 9-raqamli vazifani yodda tuting. Qoidalar: - Foydalanuvchi nomi, Email, Parol, Parolni takrorlash maydonlari kamida 6 ta belgi bo'lishi kerak; - Parol Parolni takrorlash bilan mos kelishi kerak; - Tekshirish "Ro'yxatdan o'tish" tugmasi bosilganda amalga oshirilishi kerak; - Noto'g'ri qiymatga ega maydonlar belgilanishi kerak (error va helperText props); 6. API javobi xato bo'lishi mumkin va bu foydalanuvchiga mos keladigan maydon yaqinida ko'rsatilishi kerak. 7. Muvaffaqiyatli yuborilganidan so'ng UserName komponenti yangi foydalanuvchi nomini render qilayotganiga ishonch hosil qiling. 8. Yangi SignupSuccess komponentini amalga oshiring. U ro'yxatdan o'tish formasining o'rniga ko'rsatilishi kerak. 9. Mos maydonlar uchun server tekshiruvi amalga oshiring.

Chatda fayllar qanday almashilgan — faqat POST so'rovi bilanmi yoki katta fayllar bormi?

Ushbu kod bo'lagiga qarang — nima qilayotganini tushuning va oddiy foydalanish misolini yozing. lodashda shunga o'xshash helper ham mavjud.