CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Özet - TypeScript temelleri

Kurulum, tsc ve tsconfig'i birleştirerek ilk TypeScript programını yazarsın.

Özet - TypeScript temelleri

TypeScript, JavaScript'in türlü üst kümesidir. tsc derleyicisi .ts dosyalarını .js'ye dönüştürürken türleri denetler. tsconfig.json ile derleme seçeneklerini ve hedef JS sürümünü belirlersin.

// app.ts
let mesaj: string = "Merhaba TypeScript";
console.log(mesaj);
// Derle: tsc app.ts
// Çalıştır: node app.js

Böylece hataları erken yakalayan güvenli bir program yazarsın.

Uygulama İlk TypeScript programın

ad değişkenini string türüyle tanımla, değeri "TS" olsun. selam değişkenini string türüyle tanımla, değeri "Öğreniyorum " olsun. Sonra console.log ile selam + ad birleşimini yazdır.

Başlangıç kodu

index.ts
// ad değişkeni: string, değer "TS"
// selam değişkeni: string, değer "Öğreniyorum "

// selam + ad birleşimini yazdır

Örnek çözüm

index.ts
let ad: string = "TS";
let selam: string = "Öğreniyorum ";
console.log(selam + ad);

Beklenen çıktı

Öğreniyorum TS

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Bir TypeScript projesinde derleyici seçeneklerini hangi dosya belirler?

  • package.json
  • README.md
  • tsconfig.json Doğru cevap
  • .gitignore

Açıklama: tsconfig.json, tsc'ye hedef JS sürümünü, çıktı klasörünü ve hangi dosyaların derleneceğini söyler. package.json ise paket bağımlılıklarını listeler.

2 Tür bildirimi

Soru 
let mesaj: ____ = "Merhaba TypeScript";
Cevap 
let mesaj: string = "Merhaba TypeScript";

Açıklama: "Merhaba TypeScript" bir dizedir; bu yüzden tür string olmalı. number veya boolean atamak derleme hatası verir.

3 TypeScript temel parçaları

Kavram Anlamı
tsc Derleyici
tsconfig.json Yapılandırma
.ts Kaynak uzantısı
target JS sürümü

Başlangıç bölümündeki tüm dersler

1 TypeScript nedir? Kurulum

  1. TypeScript nedir?
  2. Neden TypeScript?
  3. tsc derleyicisi
  4. tsconfig temelleri
  5. Özet - TypeScript temelleri

2 Temel türler

  1. string türü
  2. number türü
  3. boolean türü
  4. let ve const
  5. Özet - Temel türler

3 Diziler

  1. Array türü
  2. Array metotları
  3. readonly diziler
  4. Çok boyutlu diziler
  5. Özet - Diziler

4 Tuple

  1. Tuple nedir?
  2. Tuple kullanımı
  3. readonly tuple
  4. Özet - Tuple

5 Enum

  1. Numeric enum
  2. String enum
  3. const enum
  4. Enum üyeleri
  5. Özet - Enum

6 any, unknown, never

  1. any türü
  2. unknown türü
  3. never türü
  4. void türü
  5. Özet - Özel türler

7 Type annotation

  1. Değişken annotation
  2. Parametre annotation
  3. Return type annotation
  4. Özet - Type annotation

8 Type inference

  1. Temel inference
  2. const ile inference
  3. Best common type
  4. Özet - Type inference

9 Objeler

  1. Object türü
  2. Optional properties
  3. Readonly properties
  4. Özet - Objeler

10 Fonksiyonlar

  1. Function declaration
  2. Optional ve default params
  3. Rest params
  4. Function overloads
  5. Özet - Fonksiyonlar

11 Arrow fonksiyonlar

  1. Arrow syntax
  2. Arrow ile this
  3. Arrow type
  4. Özet - Arrow fonksiyonlar

12 Interface'ler

  1. Interface nedir?
  2. Property types
  3. Interface vs type alias
  4. Özet - Interface'ler

13 Type alias

  1. Type alias nedir?
  2. Alias ile composition
  3. Alias vs interface
  4. Özet - Type alias

14 Union ve intersection

  1. Union types
  2. Intersection types
  3. Literal types
  4. Özet - Union & intersection

15 null ve undefined

  1. null ve undefined farkı
  2. Optional chaining
  3. Nullish coalescing
  4. Özet - null & undefined

16 Strict mode

  1. strict: true
  2. strictNullChecks
  3. strictFunctionTypes
  4. Özet - Strict mode

17 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. İndirim uygulama
  5. Birleştirme

18 Proje: Todo CLI

  1. Görev modeli
  2. Ekleme ve listeleme
  3. Tamamlama
  4. Filtreleme
  5. Birleştirme

19 Proje: Kütüphane

  1. Kitap modeli
  2. Ekleme ve arama
  3. Ödünç alma
  4. İade etme
  5. Birleştirme

20 Başlangıç finali

  1. Meydan okuma 1: Türler
  2. Meydan okuma 2: Fonksiyonlar
  3. Meydan okuma 3: Birleşim
  4. Meydan okuma 4: Mini uygulama