Frontend

Görev 1 Elimizde 10.000 nesne içeren bir dizi var (örneğin, "Çalışanlar" veya "Ürünler"). Tarayıcıyı "kilitlemeyecek" ve kullanıcı için kullanışlı olacak bir öğe seçme bileşeni uygulamamız gerekiyor. Ne yapılmalı (Gereksinimler): 1. Veri tipleri: id: string, label: string ve category: string alanlarına sahip Item arayüzü oluşturun. 2. Arama (Input): Metin girildiğinde liste filtrelenmelidir. 3. DOM ve olaylar ile çalışma (Klavyeyle Navigasyon): * Kullanıcı, liste üzerinde Yukarı ve Aşağı oklarıyla hareket edebilmelidir. 4. Enter tuşuna basıldığında, seçilen öğe "onaylanır". 5. Önemli nokta: Oklar ile seçilen öğe her zaman görünür olmalı (kapsayıcıyı programlı olarak kaydırın, eğer imleç sınırların dışına çıkarsa). 6. Optimizasyon (Performans): * Çok fazla veri (10k) olduğu için, basit bir "tembel render" (sadece ilk 20-30 öğeyi render et veya IntersectionObserver kullan) tartışın veya uygulayın. Bileşen çıktısı

Kendinizden ve çalışma deneyiminizden biraz bahsedin.

Tek bir sürüm akışına sahip büyük bir monorepo projemiz var. Ön yüz ve yönetim panelini ayrı depolara ayırmaya karar verdik, ancak backend monolitik kaldı. Bu, backend ve istemci sürümlerinin senkronizasyon sorununu ortaya çıkarıyor. Bu sorunu çözmek için nasıl bir yol izlerdin, böylece üretimdeki arızalara karşı en iyi şekilde korunabilirsin?

Middle+

Транснефть

Nuxt 3'te çalışma zamanı konfigürasyonunu nasıl doğru şekilde saklamalıyız? Public konfigürasyon ile private konfigürasyon arasındaki fark nedir?

TypeScript'te satisfies anahtar kelimesi ne anlama gelir ve ne işe yarar?

TypeScript'te Awaited yardımcı tipi nedir?

Middle+

Т-Банк

JavaScript'te strict mode nedir? script ve module arasındaki farkı biliyor musun?

Yeni geliştiricinin uyum süreci nasıl ilerliyor? Başarılı bir şekilde deneme sürecini geçmek için hangi görevler çözülmeli?

Middle

Рунити

Bonus soru: burada MySync fonksiyonuna sahip bir kod var, bu fonksiyon start parametresi alıyor (varsayılan 0), onu konsola yazdırıyor, Promise kullanıyor ve resolve içinde kendini tekrar çağırıyor, ayrıca ayrı bir setTimeout bulunuyor. Burada ne olacağını ve konsola ne yazdırılacağını açıklamanız gerekiyor.

Normal bir nesnenin uzunluğunu length özelliğiyle nasıl alırsınız? Tüm nesnelere length metodunu prototip aracılığıyla nasıl ekleriz?

script etiketinde async ve defer öznitelikleri arasındaki fark nedir?

Middle

Ozon Tech

ОТП Банк

Benzersizliğin kontrolü büyük/küçük harf dikkate alınmadan yapılmalıdır. Bileşenin props'larında tüm veri tablosu mevcuttur ve kullanıcının düzenlediği satırın id'si bilinmektedir. Bunu dikkate alarak doğrulayıcıyı nasıl değiştirebilirim?

Veri depolama açısından dizi ve nesne arasındaki fark nedir? Tablo depolama yöntemi (iki boyutlu dizi veya iki boyutlu nesne) hangisi bellek açısından daha hafiftir?

Middle

СБЕР

Docker'ı kendin ayarladın, değil mi, anlıyor musun?

UI-kit'ten bahsettiniz. Uygulamada en zor veya ilginç olan bileşen hangisiydi ve en büyük zorluğu hangi bileşen yarattı?

Bir fonksiyonun bağlamı nasıl ayarlanabilir? call, apply ve bind arasındaki fark nedir?

CI/CD, Docker ile ilgili deneyiminizden bahsedin — neyi yapılandırabildiniz, nasıl çalışıyordu?

Durum yönetimi kütüphaneleri (Redux, RTK, Zustand) ile çalışma deneyiminizden bahsedin.

Middle+

Аэрофлот

Yaptığın ve gurur duyduğun gerçekten havalı bir özelliği anlat. Belki senin için yeni bir şeydi, anladın ya da sadece oldukça karmaşık bir fonksiyondu.

Durum: Elinizde, 2 ay içinde yeni bir ürün yapmak ve başlatmak göreviyle gelen bir ürün olduğunu düşünün, katılabilecek birçok farklı çapraz ekip var, ama henüz hiçbir şey net değil. Eylem sıralamanızı, düşünce sürecinizi anlatın — ilk olarak nereye koşacaksınız?