Frontend Geliştirici Teknik Mülakat Soruları

1

DOM nedir ve JavaScript ile DOM manipülasyonu nasıl yapılır?

DOM, HTML belgesinin programatik temsilidir. JavaScript ile getElementById, querySelector, createElement, appendChild gibi yöntemlerle manipüle edilir.

2

Event delegation nedir ve neden kullanılır?

Event delegation, bir üst elemente event listener ekleyerek alt elementlerdeki olayları yakalama tekniğidir. Performansı artırır ve dinamik olarak eklenen elementlerle de çalışır.

3

JavaScript'te closure nedir? Bir örnek verin.

Closure, bir fonksiyonun kendi kapsamı dışındaki değişkenlere erişebilmesidir. Örneğin bir inner fonksiyon, outer fonksiyonun değişkenlerine erişebilir.

4

Virtual DOM nedir ve React neden kullanır?

Virtual DOM, gerçek DOM'un hafif bir kopyasıdır. React, değişiklikleri önce Virtual DOM'da karşılaştırır (diffing) ve sadece gerekli güncellemeleri gerçek DOM'a uygular.

5

CSS'te specificity (özel kural) nedir? Hangi seçiciler daha yüksek önceliğe sahiptir?

CSS specificity, kuralların hangi sırayla uygulanacağını belirler. Inline style > ID > Class > Element sırasıyla öncelik artar. !important en yüksek önceliğe sahiptir.

6

Promise nedir? async/await ile ilişkisi nasıldır?

Promise, asenkron işlemin sonucunu temsil eden bir nesnedir. async/await, Promise tabanlı kodu senkron görünümde yazmayı sağlayan sözdizimsel şekerdir.

7

REST API ile AJAX isteği nasıl yapılır? Fetch API ve Axios arasındaki farklar nelerdir?

Fetch API, tarayıcıda yerleşik HTTP istek metodudur. Axios, üçüncü parti bir kütüphanedir ve otomatik JSON dönüşümü, interceptor desteği ve daha iyi hata yönetimi sunar.

8

Webpack ve Vite arasındaki farklar nelerdir?

Webpack, modül paketleyicisidir ve konfigürasyon ağırdır. Vite, geliştirme aşamasında native ES module kullanır, çok daha hızlı cold start sunar.

9

JavaScript'te hoisting nedir?

Hoisting, değişken ve fonksiyon bildirilerinin kapsamlarının en üstüne taşınmasıdır. var ile tanımlananlar undefined olarak başlatılır, let/const temporal dead zone'a sahiptir.

10

SPA (Single Page Application) nedir? Avantajları ve dezavantajları nelerdir?

SPA, tek bir HTML sayfası yükleyip içerikği dinamik olarak güncelleyen uygulamadır. Avantajı: hızlı kullanıcı deneyimi. Dezavantajı: SEO zorlukları ve initial load süresi.