Frontend

Sunucuda SSR aracılığıyla veriler zaten yüklendiyse, istemci tarafında gereksiz veri talepleri sorununu nasıl çözebilirsiniz?

Görüntüleri viewport'ta görünen kartlarda nasıl optimize edilir? Hızlı içerik geçişlerinde (örneğin, YouTube Shorts) yarış durumu sorununu nasıl çözersiniz?

Docker, CI/CD, GitHub Actions, GitLab'ı bahsettiniz — tam olarak ne yaptığınızı, hangi pipeline'lar olduğunu, konteynerlerde ne olduğunu açıklayabilir misiniz?

Çok boyutlu formlarla çalışmak için ne kullanıldı, doğrulama için, hangi sorunlar karşılaşıldı, nasıl test edildi?

Liste sanallaştırması nasıl çalışır? Bu teknik olarak JavaScript aracılığıyla nasıl uygulanır?

Kullanıcıların yüklenmesini hızlandırmak için verileri sunucuda nasıl önbelleğe alabilirsiniz?

Hangi çerçeve veya araçlarla çalışıyorsun? İşinde AI araçları kullanıyor musun?

#React kayıt formu 1. StateProvider nasıl çalışır, görüşmeciyle düşüncelerinizi paylaşın. 2. /src/api/mock'a bakın, nasıl çalıştığını açıklayın. 3. SubmitButton rengini kontrol edin ve düzeltin. 4. Signup bileşeninde istemci form doğrulamasını uygulayın. (\*) Görev numarası 9'u aklınızda bulundurun. Kurallar: - Kullanıcı Adı, E-posta, Şifre ve Tekrar Şifre alanları en az 6 karakter olmalı; - Şifre, Tekrar Şifre ile eşleşmeli; - Doğrulama "SignUp" düğmesine tıklandığında yapılmalı; - Geçersiz değerlere sahip alanlar işaretlenmeli (error ve helperText props); 6. API yanıtında kullanıcıya gösterilecek bir hata olabilir. 7. Kullanıcı Adı bileşeninin, başarılı gönderimden sonra yeni kullanıcı adını render ettiğinden emin olun. 8. Yeni SignupSuccess bileşenini uygulayın. Bu, kayıt formunun yerine gösterilmeli. 9. Uygun alanlar için sunucu doğrulaması yapın. --- mock.ts dosyasından 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( `Kullanıcı adı "${userName}" zaten alınmış. Lütfen başka bir tane deneyin.` ) ); } }, 500); }); }, }; export default api; ```

customMap fonksiyonu için TypeScript tiplemesini uygulayın, bu fonksiyon herhangi bir tipte dizi ve başka bir tip döndüren bir dönüştürme fonksiyonu alır. Dönüştürme fonksiyonu, Array.map'teki callback gibi üç argüman almalıdır.

İlgili alanlar için sunucu tarafı doğrulama uygulayın.

Sayfada bir oynatıcı var. Bir sekmede durdur'a basıldığında, diğer sekmedeki oynatma da durmalı. Sekmeler arasında iletişimi nasıl sağlardın?

Monorepo'da çok büyük bir ön yüzümüz var ve aynı anda birçok farklı ekip çalışıyor. Mikro-ön yüzlere geçemiyoruz. Farklı ekiplerin birbirlerinin çalışmalarını etkileme riskini nasıl en aza indirebiliriz?

Yalnızca bir div ve CSS kullanarak STOP işaretini (beyaz şerit ve çift kenarlı kırmızı daire) tasarla (pseudo-öznitelikler izinlidir).

resolve ve promise alanlarına sahip bir nesne döndüren promiseWithResolver (ertelemeli söz) fonksiyonunu uygulayın.

Sürümler nasıl teslim ediliyordu, nasıl test ediliyordu, ne sıklıkla çıkıyordu?

#React kayıt formu 1. StateProvider nasıl çalışıyor, görüşmeciyle düşüncelerinizi paylaşın. 2. /src/api/mock'a bakın, nasıl çalıştığını açıklayın. 3. SubmitButton rengini kontrol edin ve düzeltin. 4. Signup bileşeninde istemci form doğrulamasını uygulayın. (* ) Görev numarası 9'u aklınızda tutun. Kurallar: - Kullanıcı Adı, E-posta, Şifre, Şifreyi Tekrarla alanları en az 6 karakter uzunluğunda olmalı; - Şifre, Şifreyi Tekrarla ile eşleşmeli; - Doğrulama "Kayıt Ol" düğmesine tıklandığında yapılmalı; - Geçersiz değerlere sahip alanlar işaretlenmeli (error ve helperText özellikleri); 6. API yanıtında bir hata olabilir ve bu, ilgili alanın yakınında kullanıcıya gösterilmelidir. 7. Başarılı gönderimden sonra UserName bileşeninin yeni kullanıcı adını render ettiğinden emin olun. 8. Yeni SignupSuccess bileşenini uygulayın. Bu, kayıt formunun yerine gösterilmelidir. 9. Uygun alanlar için sunucu doğrulaması yapın.

Programlama hakkında yeni bir şey nasıl öğreniyorsun ve son zamanlarda aklında kalan nedir?

Sohbette dosyalar nasıl değiştiriliyordu — sadece POST isteğiyle mi yoksa büyük dosyalar mı vardı?

Geliştirme devam ederken ve sürelerden biraz geri kalmışken genellikle ne yaparsın? Bir çıkış tarihi var, ama görevi zamanında tamamlayamayacağını anlıyorsun.

Lighthouse ile çalıştın mı? Diyelim ki sana FCP (İlk İçerikli Boyama) metriğini geliştirme görevi verildi. Aklına gelen fikirler nelerdir?