Question 1

JavaScript'te var ile let arasındaki temel fark nedir?

Accepted Answer

Temel fark değişken scope'unda yatar. let block scope'a sahiptir, yani let ile bildirilen bir değişken yalnızca tanımlandığı blok içinde (süslü parantezler arasında) bulunur. var ise function scope'a sahiptir ve değişken bloğun dışından erişilebildiği için beklenmeyen davranışlara yol açabilir. Bu scope farkı, hoisting ve scope ile ilgili hataları önlemek için let'i önerilen tercih haline getirir.

Question 2

JavaScript'te Promise nedir?

Accepted Answer

Promise, asenkron bir işlemin nihai tamamlanmasını veya başarısızlığını temsil eden bir nesnedir. Zaman alan işlemleri (HTTP istekleri, dosya okumaları) kod yürütmesini engellemeden ele almayı sağlar. Bir Promise üç duruma sahip olabilir: pending (beklemede), fulfilled (başarıyla çözüldü) veya rejected (bir hatayla başarısız oldu).

Question 3

Vue örneği (instance) nedir?

Accepted Answer

Vue örneği, createApp() çağrılarak oluşturulan ve uygulamayı temsil eden nesnedir. Bu kök nesne, tüm reaktif verileri, metotları ve yapılandırma seçeneklerini içerir. Uygulamayı bir DOM öğesine bağlamak (mount) ve Vue'nun reaktivite sistemini başlatmak için bir giriş noktası olarak hizmet eder.

Question 4

Vue bileşeni nedir?

Accepted Answer

Vue bileşeni, bir ada sahip, yeniden kullanılabilir bir Vue örneğidir. HTML, CSS ve JavaScript'i bağımsız bir mantıksal birim içinde kapsüller. Bileşenler, kullanıcı arayüzünü yeniden kullanılabilir ve bakımı kolay parçalara bölmeyi sağlar. Her bileşenin kendi template'i, mantığı ve stilleri vardır; bu da kod organizasyonunu ve yeniden kullanılabilirliği kolaylaştırır.

Question 5

Bir Nuxt 3 uygulaması için gereken minimum yapı nedir?

Accepted Answer

Bir Nuxt 3 uygulaması, proje kök dizininde yalnızca bir app.vue dosyası veya bir pages/ dizini gerektirir. app.vue, pages/ klasörü olmadan mevcutsa Nuxt, Vue Router olmayan bir uygulama oluşturur. pages/ mevcutsa Nuxt, file-based routing'i otomatik olarak etkinleştirir ve rotaları görüntülemek için app.vue içinde <NuxtPage /> gerektirir.

Question 6

Nuxt'ta useFetch ile useAsyncData arasındaki temel fark nedir?

Accepted Answer

useFetch, yaygın API çağrılarını basitleştiren, useAsyncData ve $fetch'i saran bir wrapper'dır. URL oluşturmayı otomatik olarak yönetir ve ilk argüman olarak doğrudan bir URL kabul eder; useAsyncData ise benzersiz bir key ve özel bir fetcher fonksiyonu gerektirir. Basit API çağrıları için useFetch, karmaşık fetching mantığı için useAsyncData kullanın.

Question 7

Nuxt'ta Server-Side Rendering (SSR) nedir?

Accepted Answer

SSR, her istekte sunucuda tam HTML üretir ve ardından istemciye gönderir. Bu, arama motorlarının hemen erişilebilir HTML içeriği almasını sağladığı için SEO'yu iyileştirir ve ayrıca first paint süresini de iyileştirir. SSR, Nuxt 3'te varsayılan render modudur ve JavaScript'in içeriği tarayıcıda ürettiği istemci tarafı render'dan farklıdır.

Question 8

Vue'da Virtual DOM nedir?

Accepted Answer

Virtual DOM, gerçek DOM ağacının hafif bir JavaScript temsilidir. Vue, performans açısından maliyetli olan doğrudan DOM manipülasyonlarını en aza indirmek için Virtual DOM kullanır. Durum değiştiğinde Vue yeni bir Virtual DOM oluşturur, onu eskisiyle karşılaştırır (diffing algoritması) ve ardından gerçek DOM'a yalnızca gerekli değişiklikleri uygular. Bu yaklaşım DOM işlemlerinin sayısını önemli ölçüde azaltır ve özellikle çok sayıda güncellemeye sahip karmaşık uygulamalarda performansı artırır.

Question 9

Vue 3'te provide/inject'in temel amacı nedir?

Accepted Answer

Provide/inject, verileri bir üst bileşenden herhangi bir alt bileşene, her ara seviyede props geçirmeden iletmeyi sağlar. Bu, props'ların onlara ihtiyaç duymayan birden fazla bileşen seviyesinden geçirilmesi gereken 'props drilling' durumunu önler. Tema yapılandırması veya kimlik doğrulama durumu gibi global verileri paylaşmak için özellikle kullanışlıdır.

Question 10

Vue 3'te TypeScript ile defineComponent'in temel rolü nedir?

Accepted Answer

defineComponent, bileşen seçenekleri için TypeScript type inference özelliğini etkinleştirir. Bu fonksiyon olmadan, Options API'de this bağlamı any olarak ele alınır. props, data, computed ve metotların otomatik olarak doğru şekilde tiplenmesini sağlar.

Vue.js / Nuxt.js mülakat soruları

Vue.js / Nuxt.js mülakatına hazır mısın?

Tüm Vue.js / Nuxt.js konularını keşfet

JavaScript Temelleri

Modern JavaScript (ES6+)

Vue Temelleri

Vue Bileşenleri

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue Reaktifliği

Nuxt Temelleri

Nuxt Data Fetching

Nuxt SSR & SSG

Nuxt Sunucu Rotaları

Nuxt Modülleri

Vue Composable'ları

Vue Formları ve Doğrulama

Nuxt Durum Yönetimi

Vue Testing

Nuxt Dağıtımı & CI/CD

Vue Performansı

İleri Düzey Vue Desenleri

Vue ile TypeScript

Nuxt Kimlik Doğrulama

Nuxt ile SEO

Nuxt Uluslararasılaştırma

Vue Mimarisi

Nuxt Güvenliği

Vue Ekosistemi

Vue 2→3 & Nuxt 2→3 Geçişi

Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş