Frontend

Webpack kullanımı bilinçli bir karar mıydı yoksa zaten var mıydı?

Soru işaretleri yerine sayıları yerleştirerek konsolda sırasıyla 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 görüntülenmesini sağla (Event Loop, Promise, setTimeout üzerine görev)

Middle

Okko

JavaScript tek iş parçacıklı mı yoksa çok iş parçacıklı mı? Asenkronluk nasıl çalışır?

Tarayıcı renderlama aşamalarından hangileri gereksiz hesaplamaları önlemek için optimize edilebilir ve bunu nasıl yapabilirsiniz?

Sayfada öğelerin konumlandırılması için hangi seçenekler vardır (CSS position)?

Takımda olumsuz bir deneyimin oldu mu, örneğin kod incelemesinde yoğun tartışmalar? Böyle bir durumda nasıl davranırdın?

EventEmitter desenini biliyor musun? subscribe, unsubscribe ve fire metodlarına sahip bir sınıf uygula.

Middle+

Альфа-Банк

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Kısaca şöyle söyle: `this` bir erişim alanı değil, fonksiyon çağrı bağlamıdır. Tanımlandığı yerde değil, çağrıldığı yerde belirlenir. 3-4 kural ekleyebiliriz: - Normal fonksiyon çağrısı — `this` genellikle strict modda undefined olur. - Nesne metodu — `this`, noktanın solundaki nesneyi gösterir. - `call / apply / bind` — `this`'i açıkça ayarlamaya izin verir. - Ok fonksiyonları — kendi `this`'leri yoktur, dış bağlamdan alır.

Middle

АЙ-ТЕКО

Kullanıcı değiştirildiğinde eski isteklerle ne olduğunu ve `AbortController`'ın nasıl yarış durumu (race condition) önlediğini anlatın.

JSON'u nasıl akış halinde analiz edebilirsiniz, işlemi parçalar halinde bölerek ana akışı engellemeden? Bir sonraki parçanın işlemini durdurmadan nasıl başlatabilirsiniz (örneğin, requestIdleCallback, jeneratörler)?

useMemo, useCallback ve React.memo nedir? Ne zaman kullanmak en iyisidir?

React Native'de dosya sistemi, kamera veya diğer yerel özelliklerle çalıştınız mı?

Email ve şifre alanları için onChange olay işleyicilerinin tekrar eden kodunu nasıl optimize ederdin?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // kodu buraya yazın return fn(...args); }; // ve buraya return wrapped; }

Nesne Yönelimli Programlamanın temel prensipleri nelerdir? Her biri hakkında bilgi veriniz.

EM birimi en yakın REM'den mi yoksa ebeveyn font boyutundan mı bağlıdır?

TypeScript'te infer anahtar kelimesi ne için kullanılır?

Durum yükseltme (lifting state up) nedir biliyor musun?

Display flex ile display grid arasındaki fark nedir? Flex'te öğeleri nasıl hizalarsınız?

Bir div'i ortalamak için en popüler yöntem nedir?

Middle+

Рунити