Frontend

SSR vasitəsilə məlumatlar artıq serverdə yüklənibsə, müştəri tərəfində redundant məlumat sorğuları problemini necə həll etmək olar?

Viewport-da görünən kartlarda şəkil yükləməsini necə optimallaşdırmaq olar? Məzmunu sürətlə dəyişərkən (məsələn, YouTube Shorts) yarış şərti problemini necə həll etmək olar?

Docker, CI/CD, GitHub Actions, GitLab haqqında danışdınız — dəqiq nə etdiyinizi, hansı pipeline-lər, konteynerlərdə nə olduğunu açıqlaya bilərsinizmi?

Çoxölçülü formalar ilə işləmək üçün nə istifadə olundu, təsdiqləmə üçün, hansı problemlərlə qarşılaşıldı, necə test olundu?

Siyahının virtualizasiyası necə işləyir? Bu texniki olaraq JavaScript vasitəsilə necə həyata keçirilir?

Uyğun sahələr üçün server tərəfi doğrulamasını həyata keçirin.

İstifadəçilərin yüklənməsini sürətləndirmək üçün məlumatları serverdə necə keşikdə saxlamaq olar?

Hansı çərçivələr və ya alətlərlə işləyirsiniz? İşinizdə AI alətlərindən istifadə edirsinizmi?

#React qeydiyyat forması 1. StateProvider-in necə işlədiyini izah edin, müsahibəçiylə fikirlərinizi paylaşın. 2. /src/api/mock-ə baxın, necə işlədiyini izah edin. 3. SubmitButton-un rəngini yoxlayın və düzəldin. 4. Signup komponentində müştəri tərəfi form doğrulamasını tətbiq edin. (\*) 9-cu tapşırığı yadda saxlayın. Qaydalar: - İstifadəçi adı, Email, Şifrə və Təkrarlanan Şifrə sahələri ən azı 6 simvol olmalıdır; - Şifrə Təkrarlanan Şifrə ilə uyğun olmalıdır; - Doğrulama "SignUp" düyməsinə kliklənəndə edilməlidir; - Yanlış dəyərlərə malik sahələr işarələnməlidir (props error və helperText); 6. API cavabında istifadəçiyə yaxın göstərilməli olan xəta ola bilər. 7. Uğurlu göndərmədən sonra UserName komponentinin yeni istifadəçi adını göstərdiyindən əmin olun. 8. Yeni SignupSuccess komponentini tətbiq edin. Bu, qeydiyyat formasının yerinə göstərilməlidir. 9. Uyğun sahələr üçün server tərəfi doğrulamasını tətbiq edin. --- mock.ts-dən 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( `İstifadəçi adı "${userName}" artıq alınmışdır. Zəhmət olmasa başqa birini sınayın.` ) ); } }, 500); }); }, }; export default api; ```

customMap funksiyası üçün TypeScript tipini həyata keçirin, bu funksiyanın hər hansı bir növ massiv və başqa bir növ qaytaran çevirmə funksiyasını qəbul etdiyini təmin edir. Çevirmə funksiyası, Array.map-dəki callback kimi üç arqument qəbul etməlidir.

Səhifədə bir pleyer var. Bir tabda dayandır düyməsinə basıldıqda, digər tabda da ifa dayandırılmalıdır. Tablar arasında əlaqəni necə həyata keçirərdin?

Yalnızca bir div və CSS istifadə edərək DAYAN işarəsini (ağ zolaqlı qırmızı dairə və ikiqat sərhəd) yaradın (pseudo-elementlər icazə verilir).

Bizdə monorepo-da çox böyük bir ön üz var və eyni zamanda çox sayda fərqli komanda işləyir. Mikro-ön üzlərə keçə bilmirik. Fərqli komandaların bir-birinin işinə təsir etmə riskini necə minimuma endirmək olar?

resolve və promise sahələrinə malik obyekt qaytaran promiseWithResolver (gecikdirilmiş vəd) funksiyasını həyata keçirin.

Buraxılışlar necə təqdim olunurdu, necə test edilirdi, nə qədər tez-tez çıxırdı?

#React qeydiyyat forması 1. StateProvider-in necə işlədiyini izah edin, müsahibəçiylə fikirlərinizi paylaşın. 2. /src/api/mock-a baxın, necə işlədiyini izah edin. 3. SubmitButton-un rəngini yoxlayın və düzəldin. 4. Signup komponentində müştəri forması doğrulamasını tətbiq edin. (* ) 9-cu tapşırıq nömrəsini yadda saxlayın. Qaydalar: - İstifadəçi adı, Email, Parol, Təkrarlanan Parol sahələri ən azı 6 simvoldan ibarət olmalıdır; - Parol Təkrarlanan Parol ilə uyğun olmalıdır; - Doğrulama "Qeydiyyatdan keç" düyməsinə kliklənəndə edilməlidir; - Yanlış dəyərlərə malik sahələr işarələnməlidir (error və helperText props); 6. API cavabında xəta ola bilər və bu, müvafiq sahənin yaxınında istifadəçiyə göstərilməlidir. 7. Uğurlu göndərmədən sonra UserName komponentinin yeni istifadəçi adını göstərdiyindən əmin olun. 8. Yeni SignupSuccess komponentini tətbiq edin. Bu, qeydiyyat formasının yerinə göstərilməlidir. 9. Uyğun sahələr üçün server doğrulamasını tətbiq edin.

Proqramlaşdırma haqqında necə yeni bir şey öyrənirsiniz və son vaxtlar sizə ən çox yadınıza qalan nədir?

İnkişafın davam etdiyini və müddətlərdən bir az geri qaldığını hiss etdiyiniz zaman adətən nə edirsiniz? Bir buraxılış tarixi var, amma tapşırığı vaxtında tamamlayamayacağınızı başa düşürsünüz.

Söhbətdə fayllar necə dəyişdirilirdi — sadəcə POST sorğusu iləmi yoxsa böyük fayllar var idi?

Məhsul funksiyasında çox sayda sahə geri qaytarılırsa, başqa bir funksiyada isə yalnız iki sahə geri qaytarılırsa, belə olubmu?