Frontend Developer Mülakatı: JavaScript, React, CSS ve AI — 2026 Kapsamlı Rehber

Özet: 2026 yılında frontend developer mülakatı dört ayrı alanı kapsıyor: JavaScript core, React (veya tercih ettiğiniz framework), CSS layout ve hata ayıklama, frontend system design. Frontend developer mülakat AI araçları, en çok bir kararın neden alındığını dile getirme pratiği yaptırdığında işe yarıyor — sadece cevap ezberletmede değil. Bu rehber, AI'ın gerçekten nerede yardımcı olduğunu ve nerede olmadığını açıklıyor.

Son 18 ayda frontend mülakatlarının yapısında sessiz sedasız üç şey değişti. Şirketler whiteboard tarzı JavaScript trivia sorularından geri çekildi. Pratik UI görevleri — "bu component'i sıfırdan implement edin," "bu layout bug'ını bulun," "bu state management pattern'ini tasarlayın" — mülakatların merkezine taşındı. Ve AI araçları aday hazırlık süreçlerinde görünür hale gelmeye başladı.

Türkiye'deki teknoloji ekosistemine baktığımızda tablo ilginç: Trendyol, Getir, Hepsiburada, Insider ve Dream Games gibi yerli şirketler güçlü bir lokal piyasa oluşturuyor. Ancak pek çok Türk geliştirici için asıl hedef farklı: Avrupa ve Kuzey Amerika şirketleriyle uzaktan çalışma düzenlemeleri. Türkiye'de oturarak AB veya ABD şirketleri için remote çalışmak giderek daha yaygın bir kariyer modeli haline geliyor. Bu da tam teknik mülakat döngüsüne — İngilizce olarak — hazır olmanın önemini artırıyor.

2026'da Frontend Mülakatları Gerçekte Neyi Ölçüyor

Günümüz frontend mülakat süreçleri genellikle dört aşamadan oluşuyor:

1. Technical screen (yaklaşık 45 dakika): Sandbox ortamında live coding. Beklenen: JavaScript veri dönüşümü, event handling veya küçük bir UI component implementasyonu.
2. Framework deep-dive (yaklaşık 60 dakika): React (veya Vue/Angular) içsellerine derinlemesine giriş — hooks, state management, component lifecycle, performance optimizasyonu. Türkiye'deki yerli şirket mülakatlarında bu aşama genellikle daha kısa sürer; ancak Avrupa ve ABD şirketleri için tam derinlik bekleniyor.
3. CSS ve UI round (yaklaşık 45 dakika): Layout hata ayıklama, responsive design, CSS specificity edge case'leri. Bu tur yerli Türk şirket mülakatlarında daha az yaygın; ancak ürün odaklı şirketler ve yabancı işverenler için neredeyse standart.
4. Frontend system design (yaklaşık 60 dakika): Component mimarisi, ölçekli state management, performance budgetları, erişilebilirlik pattern'leri.

Adayların çoğunun düştüğü tuzak: Kod yazarken mantığını sesli olarak ifade edememek. Bu zorluk, İngilizce mülakatlarda katlandığında ciddi bir engele dönüşüyor — hem teknik içeriği işlemek hem de başka bir dilde ifade etmek aynı anda gerçekleşmek zorunda.

Frontend Coding Mülakat Soruları — Dört Kategori

JavaScript Core

Tüm frontend mülakatlarının temeli. Sorular yalnızca bilgi değil, mekanizmayı açıklayabilme yetkinliğini de ölçüyor.

• JavaScript event loop'u açıklayın. setTimeout Promise'larla nasıl etkileşime giriyor?
• null ile undefined arasındaki fark nedir?
• Debounce fonksiyonunu sıfırdan implement edin.
• Arrow function'larda this neden regular function'lardan farklı davranıyor?
• Closure nedir? Gerçek bir projede closure'ın bug oluşturduğu bir örnek verin.

Kariyer.net ve LinkedIn Türkiye üzerindeki senior frontend ilanlarının büyük çoğunluğu "JavaScript derinlemesine bilgisi" şartını içeriyor. Ancak adayların çoğu bu kavramları kullanıyor ama anlatamıyor. Kullanmak ile açıklamak arasındaki bu boşluk mülakatı kazanıp kaybetme farkı.

React Mülakat Hazırlığı

React, hem Türkiye'nin lokal piyasasında hem de yabancı şirketlerin iş ilanlarında baskın framework. Ancak React kullanmak ile React internals'ı anlamak farklı şeyler.

• useEffect'i boş dependency array ile çağırmak ile componentDidMount arasındaki fark nedir?
• useCallback mi yoksa useMemo mu tercih edersiniz ve hangi durumda?
• React reconciliation sürecini açıklayın.
• Büyük bir uygulamada Redux kullanmadan global state'i nasıl yönetirsiniz?
• Hem controlled hem de uncontrolled pattern'larla çalışan yeniden kullanılabilir bir Select component tasarlayın.

AI bu noktada nasıl yardımcı olur: Kendiniz düşünemeyeceğiniz varyant soruları üretir, interviewer'ın follow-up sorularını simüle eder ve bilgi boşluklarınızı tespit eder.

CSS Teknik Mülakat

Türkiye'deki iç piyasa mülakatlarında CSS daha az öne çıksa da, Avrupa veya ABD şirketleriyle yapılan mülakatlarda bu tur sıklıkla belirleyici oluyor. CSS yazabilmek ile CSS'i açıklayabilmek arasında büyük fark var.

• Scrollable içeriğin üzerine bindirmeyen sticky header implement edin.
• Bu layout Safari'de bozuluyor. Debug sürecinizi adım adım anlatın.
• CSS specificity'yi açıklayın. #nav .link mı yoksa .nav a.link mı öncelikli?
• Yalnızca CSS kullanarak responsive card grid implement edin.
• Layout thrashing nedir? Animation-heavy UI'da nasıl çözersiniz?

Frontend System Design

• Real-time collaborative document editor için state management tasarlayın.
• 12 ürün takımına ölçeklenebilir bir component library nasıl kurarsınız?
• Scroll performansını düşürmeden infinite scroll implement edin.
• Debouncing, cancellation ve cache içeren type-ahead search component tasarlayın.

React Mülakatı İçin AI Kullanımı

Statik kaynaklar (makaleler, videolar, kitaplar) gerekli ama yeterli değil. AI, takip sorusu içeren konuşmalar simüle ederek hazırlığı temelden değiştiriyor.

Geleneksel hazırlık: bir cevap okursunuz, anladığınızı düşünürsünüz, devam edersiniz. AI ile hazırlık: bir cevap söylersiniz, AI hemen "Peki şu durumda ne olur? Bu kararı neden aldınız? Trade-off'lar neler?" diye sorar. Gerçek mülakat tam da bu hissettiriyor.

AI araçları şu adımlarda en etkili:

• Varyant soru üretimi: AI'a bir soru verin, 5 daha zor veya daha gerçekçi versiyonunu üretmesini isteyin.
• Follow-up simülasyonu: Cevabınızı söyleyin, AI'ın titiz bir interviewer rolü üstlenmesini isteyin.
• Kör nokta keşfi: Kullandığınız ama açıklayamadığınız kavramları AI ortaya çıkarır.
• İngilizce teknik iletişim pratiği: Türk geliştiriciler için belki de en değerli kullanım alanı — baskı altında teknik kararları İngilizce ifade etme becerisini mülakat öncesi geliştirmek.

AceRound AI, canlı video mülakatlarında gerçek zamanlı cevap önerileri sunuyor — baskı altında düşünce akışınızı korumanıza yardımcı oluyor. AceRound AI'yı ücretsiz deneyin.

CSS Teknik Mülakat — Çoğu Adayın Atladığı Kısım

CSS genellikle yabancı şirketlerle yapılan mülakatların belirleyici faktörü oluyor. Problem şu: Türk geliştiricilerin büyük çoğunluğu CSS yazıyor, ancak CSS hakkında konuşmak bambaşka bir beceri.

Yaygın tuzaklar:

Specificity çakışmaları: Kuralları biliyorsunuz ama mülakat baskısı altında hızlı hesaplayamıyorsunuz ya da daha kötüsü, büyük projelerde specificity çakışmalarını nasıl önlediğinizi açıklayamıyorsunuz. Interviewer çoğunlukla problemi nasıl çözdüğünüzü değil nasıl önlediğinizi duymak istiyor.

Layout bug debugging: "Bu Safari'de bozuluyor" sorusunun tek bir doğru cevabı yok — interviewer düşünce sürecinizi gözlemliyor: yaygın cross-browser sorunlarını biliyor musunuz? Sistematik debug yapıyor musunuz?

Animasyon performansı: GPU acceleration'ın ne zaman faydalı ne zaman zararlı olduğunu biliyor musunuz? will-change yan etkilerini anlıyor musunuz?

AI bu noktada "thinking out loud" pratiği yaptırıyor — birçok iyi geliştirici mülakatla tek başına editor'da çalışmaya alıştıkları için düşünce süreçlerini sesli aktarmakta zorlanıyor.

İngilizce Teknik Mülakat — Türk Geliştiriciler İçin Genişletilmiş Rehber

Bu, Türkiye'deki teknoloji ekosisteminin en kritik pain point'i. Avrupa veya Kuzey Amerika şirketlerinden remote pozisyon için mülakat yapıyorsanız, İngilizce hem değerlendirildiğiniz araç hem de mesajınızı ilettiğiniz ortam. İki katkı değişkeni aynı anda zorluk çıkartıyor.

Zaman kazanmak için profesyonel ifadeler:

Sessiz kalmak yerine düşünürken bunu dile getirin:

• "Let me think through this out loud..." — süreci gösteriyor, çaresizliği değil.
• "My initial instinct is X, but let me also consider Y before committing..." — çok boyutlu düşünceyi ortaya koyuyor.
• "If I'm understanding the constraint correctly — you're asking about [interpretation]..." — clarifying soru soruyor, hem zaman kazanıyor hem doğru anladığınızı doğruluyor.

Teknik terimleri çapa olarak kullanın:

"Event loop," "closure," "reconciliation," "memoization," "hydration" — bu kelimeler evrensel ve çeviri gerektirmiyor. Onları çerçeve olarak kullanın, aralarını kendi açıklamanızla doldurun. Teknik terimler doğru kullanıldığında İngilizce seviyenizden bağımsız olarak yetkinlik sinyali veriyor.

Cevaplarınızı yapılandırın:

Tek uzun bir blok yerine bölümleyin:

• "There are really two parts to this. First, [mechanism]. Second, [consequence]."
• "In practice, this means [A]. The reason it matters is [B]."

Net yapı hem anlayışınızı ortaya koyuyor hem de İngilizce ifadenizin tam olarak akıcı olmadığı yerleri örtüyor.

Belirsizliği profesyonelce ifade edin:

"I'm not certain about the exact spec here, but my working understanding is..." — sessizlikten veya tahmin yürütmekten çok daha iyi. Dürüstlüğü ve özgüveni aynı anda yansıtıyor.

Soruyu anlamadıysanız:

"Could you clarify what aspect you're most interested in?" ya da "Just to make sure I'm answering the right question — are you asking about [A] or [B]?" — bu tamamen normal ve iyi iletişim becerisi olarak değerlendiriliyor.

Her kavram için iki cümlelik özet hazırlayın:

1. tanım cümlesi, 2. sonuç veya gerçek dünya uygulaması. Örnek: "A closure is a function that retains access to its enclosing scope even after that scope has returned. In practice, this shows up most often in event listeners and timer callbacks, where it can cause memory leaks if closures accidentally hold references to large objects or DOM nodes."

Bu özetleri AI ile sesli olarak pratiğe edin — açık ifade edin, AI'ın teknik doğruluk ve açıklık konusunda geri bildirim vermesini isteyin.

Türkiye'den uzaktan çalışma bağlamı:

Remote work visa düzenlemeleri ve AB şirketleriyle uzaktan çalışma anlaşmaları genişliyor. Bu mülakatlar için ne kadar iyi hazırlanırsanız bu fırsatlara erişiminiz o kadar artıyor. LinkedIn Türkiye ve Kariyer.net bu pozisyonlar için yoğun kullanılan platformlar; ancak asıl mülakat süreci neredeyse her zaman İngilizce ilerliyor.

AI Mülakat Asistanı Gerçekte Ne Yapıyor (Dürüst Versiyon)

2025 itibarıyla çalışanların yaklaşık yüzde yirmisi iş mülakatlarında gizlice AI kullandı. Neyin işe yarayıp yaramadığı konusunda açık olalım:

Meşru kullanım (mülakat öncesi): Pratik soruları üretmek, follow-up simülasyonu, İngilizce teknik iletişim pratiği, CV ile iş tanımı uyumunu analiz etmek. Kimse bunu ciddi anlamda sorgulamıyor — koç tutmaktan ya da flashcard kullanmaktan farklı değil.

Gri alan (mülakat sırasında): AI araçları video görüşmesi sırasında gerçek zamanlı ipuçları gösteriyor. Baskı altında donup kalan adaylar için — özellikle anadili İngilizce olmayanlar için — bu bir güvenlik ağı işlevi görebilir. Kritik nokta: yapı ve key points için kullanın, kelimesi kelimesine okumak için değil.

Ters tepen durum: AI tarafından üretilmiş cevabı birebir okumak. Interviewer'lar bunu duyuyor — ritim değişiyor, dil çok cilalanmış, düşünme sürecinin işaretleri yok. Daha da kötüsü: follow-up sorularda söyleyecek hiçbir şeyiniz kalmıyor.

Kesinlikle yapılmaması gereken: Olmayan deneyimi AI ile oluşturmak. Technical deep-dive aşamasında bu hemen ortaya çıkıyor.

Sık Sorulan Sorular

En yaygın frontend mülakat sorusu nedir? Event loop ve React reconciliation. Her ikisi de yalnızca "ne olduğunu" değil iç mekanizmayı açıklamayı gerektiriyor.

Profesyonel deneyim olmadan React mülakatını geçmek mümkün mü? Evet, ama mimari kararlar içeren gerçek bir projeniz olması şart. Derinliği olan bir side project, sığ birçok portfolio'dan çok daha ikna edici.

CSS gerçekten önemli mi? Ürün odaklı şirketler ve yabancı işverenler için — evet. Hazırlık süresinin yaklaşık yüzde yirmisini CSS'e ayırın; specificity, cross-browser uyumluluk ve performance optimizasyonuna odaklanın.

Ne kadar süre hazırlanmak gerekiyor? Senior rol için 4–6 hafta. Dağılım: yüzde kırk JavaScript core, yüzde otuz React/framework, yüzde yirmi CSS, yüzde on system design.

Mülakat sırasında AI kullanılabilir mi? Şirketin politikasına bağlı. Önceden öğrenin. AceRound AI tam script yerine yapılandırılmış ipuçları gösteriyor — böylece cevaplarınız gerçekten size ait kalıyor.

En büyük hata nedir? Kodun ne yaptığını değil neden öyle yapıldığını açıklamamak. Interviewer'lar sözdizimi bilginizi değil mühendislik yargınızı değerlendiriyor.

---

Author · Alex Chen. Career consultant and former tech recruiter. Spent 5 years on the hiring side before switching to help candidates instead. Writes about real interview dynamics, not textbook advice.