TypeScript Mülakat Soruları

TypeScript, JavaScript'in esnekliğini koruyarak üzerine statik tür kontrolü, gelişmiş IDE desteği ve büyük projelerde daha sürdürülebilir bir yazılım geliştirme deneyimi sunan güçlü bir programlama dilidir. Özellikle frontend geliştirme, React ve Angular gibi modern çerçevelerle çalışan uygulamalarda tercih edilmektedir.

Bu makalede, TypeScript mülakatlarına hazırlanan adaylar için özel olarak derlenmiş, gerçek mülakatlarda sıkça karşılaşılan sorulara yer verdik. İçerik boyunca aşağıdaki SEO anahtar kelimeleri doğal bir şekilde işlenmiştir: 
typescript mülakat soruları, typescript ve javascript farkları mülakat soruları, typescript type system mülakat soruları, typescript frontend mülakat soruları, typescript react mülakat soruları, typescript angular mülakat soruları.

1. TypeScript Nedir? JavaScript’ten Farkları Nelerdir?

TypeScript, JavaScript’in üzerine inşa edilmiş, statik tip sistemi barındıran bir üst kümesidir. Temel olarak .ts uzantılı dosyalarda yazılır ve JavaScript’e derlenerek tarayıcılarda çalıştırılır. JavaScript dinamik, TypeScript ise statik tipli bir dildir. Bu fark, özellikle büyük ekiplerde çalışan yazılım projelerinde ciddi avantajlar sağlar.

• Neden önemlidir?
• Compile-time hatalarını önler.
• Kod okunabilirliğini ve bakımını kolaylaştırır.
• Otomatik tamamlama ve refactor işlemlerinde yüksek verim sağlar.

TypeScript Örneği;

function topla(a: number, b: number): number {
 return a + b;
}

JavaScript Örneği;

function topla(a, b) {
 return a + b;
}

İpucu: 
TypeScript yazarken mümkün olduğunca her fonksiyon ve değişken için tip tanımlaması yapman, kodun okunabilirliğini artırır ve hata ayıklamayı kolaylaştırır.

2. TypeScript Type System Nasıldır?

TypeScript’in en büyük gücü type system’inden gelir. Bu sistem sayesinde geliştiriciler değişken, fonksiyon, obje ve sınıfların tiplerini tanımlayarak daha güvenli yazılım geliştirebilir.

type Kullanici = {
 ad: string;
 yas: number;
 email?: string;
};

const kisi: Kullanici = {
 ad: "Ali",
 yas: 28
};

Öne çıkan TypeScript tipleri:

• string, number, boolean
• any, unknown, void, never
• array, tuple
• union, intersection, literal
• enum, type, interface

Kısa Not: 
any tipinden mümkün olduğunca uzak dur. unknown daha güvenli bir alternatiftir çünkü işlenmeden önce tür kontrolü yapılmasını zorunlu kılar.

3. Interface ve Type Arasındaki Farklar Nelerdir?

Interface ve Type benzer amaçlar için kullanılır: nesne yapılarını tanımlamak. Ancak kullanım yerleri ve bazı yetenekleri farklıdır.

interface Kisi {
 ad: string;
 soyad: string;
}

type KisiTipi = {
 ad: string;
 soyad: string;
};

Farklar:

• interface genişletilebilir (extends ile), type ise birleştirilebilir (& ile).
• type, union veya tuple tanımlarında kullanılabilir.
• Interface daha çok nesne tanımı için kullanılırken, type karmaşık tür kombinasyonları için uygundur.

İpucu: 
React projelerinde genellikle type kullanımı yaygındır, ancak Angular tarafında interface tercih edilir.

4. React ile TypeScript Nasıl Kullanılır?

React projelerinde TypeScript kullanmak, props, state ve context yapılarını güvenli hale getirir. Bu da özellikle karmaşık bileşenler arasında veri geçişini daha sağlam hale getirir.

type ButonProps = {
 metin: string;
 onClick: () => void;

};

const Buton: React.FC<ButonProps> = ({ metin, onClick }) => (
 <button onClick={onClick}>{metin}</button>
);

Avantajlar:

• Bileşen arayüzleri tip güvenliği sağlar.
• Otomatik tamamlama özelliği kod yazım hızını artırır.
• Daha az runtime hatası ile karşılaşırsın.

İpucu: 
Props tanımlarken zorunlu (metin) ve opsiyonel (icon?) alanları açıkça belirtmeyi unutma.

5. Angular Projelerinde TypeScript Kullanımı

Angular framework'ü, doğrudan TypeScript üzerine inşa edilmiştir. Angular’ın bileşen yapısı, servisler, modüller ve direktifler TypeScript ile oluşturulur.

@Component({
 selector: 'app-örnek',
 templateUrl: ‘./örnek.component.html’
})
export class OrnekComponent {
 mesaj: string = "Merhaba TypeScript!";
}

Angular ile TypeScript’in Faydaları:

• Dependency Injection yapısı TypeScript ile çok daha sağlamdır.
• @Input, @Output gibi dekoratörler tür desteği ile daha kararlı hale gelir.
• Karmaşık uygulamalar daha okunabilir olur.

6. Type Assertion ve Type Guard Nedir?

• Type Assertion, bir değişkenin tipini senin daha iyi bildiğini TypeScript’e belirtme yöntemidir.
• Type Guard ise çalışma zamanında tür kontrolü sağlayan tekniklerdir.

let veri: any = "Merhaba";
let uzunluk: number = (veri as string).length;

function kontrol(et: string | number) {
 if (typeof et === "string") {
   console.log(et.toUpperCase());
 }
}

Kullanılan Teknikler:

• typeof
• instanceof
• in

İpucu: 
Type Guard ile if bloklarında farklı türlere özel işlemler yapabilirsin. Bu, generic kod yazarken çok işine yarar.

7. Generics Kullanımı Nasıldır?

Generics, yeniden kullanılabilir ve tür güvenli fonksiyon ve sınıflar yazmanı sağlar. Örneğin, bir listeyi filtrelemek isteyen fonksiyonlar için oldukça kullanışlıdır.

function ilkEleman<T>(dizi: T[]): T {
 return dizi[0];
}
const sayi = ilkEleman<number>([1, 2, 3]);
const yazi = ilkEleman<string>(["a", "b"]);

Neden Önemli?

• Tür bağımsız çalışır.
• Kod tekrarını azaltır.
• Özellikle component library geliştirirken şarttır.

8. Union ve Intersection Types Ne İşe Yarar?

TypeScript'te birden fazla türü birleştirmek için | (union) ve & (intersection) operatörleri kullanılır.

type Admin = {
 rol: "admin";
 yetki: string[];
};

type Kullanici = {
 ad: string;
};

type AdminKullanici = Admin & Kullanici;

Kısa Not: 
Union tiplerde sadece ortak alanlara erişebilirsin. Intersection tiplerde ise birleşim sağlanır.

9. En Çok Yapılan TypeScript Hataları Nelerdir?

• any tipini çok sık kullanmak
• Kodun büyük bölümünü JavaScript gibi yazmak
• İyi planlanmamış tip hiyerarşisi oluşturmak
• Gereksiz karmaşık generic yapılar kullanmak

İpucu: 
TSLint veya ESLint gibi araçlar ile projenin tip kalitesini yüksek tutabilirsin.

10. TypeScript ile Test Yazımı Nasıl Olur?

TypeScript ile Jest, Mocha gibi test kütüphaneleri kolayca entegre edilebilir. Tip kontrolü sayesinde daha güvenli test senaryoları hazırlanabilir.

test("topla fonksiyonu doğru çalışıyor mu?", () => {
 expect(topla(2, 3)).toBe(5);
});

Fayda: 
Testte yapılan hata bile derleme sırasında fark edilebilir.

TypeScript mülakatlarında başarıya ulaşmak için, yalnızca dilin söz dizimini bilmek yeterli değildir. Aynı zamanda TypeScript’in JavaScript’ten farklarını anlamak, type system yapısını aktif kullanmak, React ve Angular ile entegrasyonlarını öğrenmek ve gerçek dünya problemlerinde nasıl uygulandığını deneyimlemek gerekir.

TypeScript mülakat sorularına hazırlanırken kendini daha da geliştirmek ve sektördeki diğer profesyonellerle bağlantı kurmak mı istiyorsun? 
Techcareer.net’in özenle hazırladığı mülakat soruları rehberleri ve kapsamlı kaynaklarıyla bir sonraki mülakatında bir adım önde ol!

Ayrıca, Techcareer.net’in eğitim programlarına katılarak TypeScript becerilerini geliştirebilir, iş ilanlarına göz atarak yeni kariyer fırsatları yakalayabilirsin.

Hemen kayıt ol ve Techcareer.net’in sunduğu fırsatlarla kariyerini bir üst seviyeye taşı!