CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Hava durumu modeli

Hava durumu verisi tiplerini tasarlarsın.

Hava durumu modeli nedir?

Bir hava durumu uygulamasında önce veri modeli tasarlanır. Hava durumu verisi şehir adı, sıcaklık ve durumu (güneşli, yağmurlu) içerir. TypeScript'te bu yapıyı bir interface ile tanımlarsın. Böylece tüm hava durumu kayıtları aynı şekle uyar ve eksik alanlar derleme sırasında yakalanır.

interface Hava {
  sehir: string;
  sicaklik: number;
  durum: string;
}

Sıcaklık ve durum türleri

Modelin her alanı uygun türde seçilir. Şehir adı string, sıcaklık number, durum ise genellikle string veya literal union türündedir. Tür seçimi, derleme zamanı denetimi sağlar ve yanlış veri atamalarını önler.

interface Hava {
  sehir: string;
  sicaklik: number;
  durum: string;
}

Uygulama Hava nesnesi oluştur

Hava interface'i tanımla: sehir: string, sicaklik: number, durum: string. h adında bir Hava nesnesi oluştur; şehri "İstanbul", sıcaklığı 22, durumu "güneşli" olsun. h.sehir değerini console.log ile yazdır.

Başlangıç kodu

index.ts
// Hava interface tanımla
// sehir, sicaklik, durum alanları olsun
// h adında bir Hava nesnesi oluştur
// h.sehir yazdır

Örnek çözüm

index.ts
interface Hava {
  sehir: string;
  sicaklik: number;
  durum: string;
}
const h: Hava = { sehir: "İstanbul", sicaklik: 22, durum: "güneşli" };
console.log(h.sehir);

Beklenen çıktı

İstanbul

Soru ve cevaplar

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

1 Hava durumu verisini tutmak için en uygun yapı aşağıdakilerden hangisidir?

  • Tek bir number değişkeni
  • İç içe fonksiyon tanımı
  • Sıcaklık, şehir ve durumu içeren interface Doğru cevap
  • Yalnızca string dizisi

Açıklama: Hava durumu verisi birden çok alan içerdiği için bir interface ile tanımlanması en uygundur; her alan kendi türüyle bildirilir.

2 Sıcaklık alanı türü

Soru 
interface Hava {
  sehir: string;
  sicaklik: ____;
  durum: string;
}
Cevap 
interface Hava {
  sehir: string;
  sicaklik: number;
  durum: string;
}

Açıklama: Sıcaklık sayısal bir değer olduğu için sicaklik alanı number türünde tanımlanır.

3 Hava durumu modeli parçaları

Kavram Anlamı
sehir Şehir adı
sicaklik Sıcaklık değeri
durum Hava durumu açıklaması
Hava Ana model adı

Orta seviye bölümündeki tüm dersler

1 Sınıflar

  1. Class temelleri
  2. Constructor ve alanlar
  3. Metotlar
  4. Statik üyeler
  5. Özet - Sınıflar

2 Erişim belirteçleri

  1. public
  2. private
  3. protected
  4. Parametre özellikleri
  5. Özet - Erişim belirteçleri

3 Readonly özellikler

  1. readonly alanlar
  2. Readonly parametre
  3. Readonly vs const
  4. Özet - Readonly

4 Generic'ler

  1. Generic nedir?
  2. Generic fonksiyonlar
  3. Generic sınıflar
  4. Çoklu tür parametresi
  5. Özet - Generic'ler

5 Generic kısıtları

  1. extends kısıtı
  2. keyof kısıtı
  3. Default tür parametresi
  4. Özet - Generic kısıtları

6 Utility types

  1. Partial
  2. Required ve Pick
  3. Omit ve Record
  4. Özet - Utility types

7 keyof ve typeof

  1. keyof operatörü
  2. typeof operatörü
  3. keyof ile indexing
  4. Özet - keyof ve typeof

8 Mapped types

  1. Mapped type nedir?
  2. Readonly mapped type
  3. Optional mapped type
  4. Özet - Mapped types

9 Conditional types

  1. Conditional type nedir?
  2. Distributive conditional
  3. Conditional ile mantık
  4. Özet - Conditional types

10 infer

  1. infer anahtar kelimesi
  2. Promise'ten değer çıkarma
  3. Dizi eleman türü
  4. Özet - infer

11 Decorator'lar

  1. Decorator nedir?
  2. Method decorator
  3. Property decorator
  4. Decorator fabrikaları
  5. Özet - Decorator'lar

12 Modüller

  1. export ve import
  2. Default export
  3. Re-export
  4. Type-only import
  5. Özet - Modüller

13 Namespace'ler

  1. Namespace nedir?
  2. İç içe namespace
  3. Namespace vs module
  4. Özet - Namespace'ler

14 Declaration dosyaları

  1. .d.ts nedir?
  2. Ambient module
  3. Triple-slash directive
  4. Özet - Declaration dosyaları

15 İleri sınıflar

  1. abstract sınıf
  2. implements
  3. Get ve set
  4. Özet - İleri sınıflar

16 Type assertion

  1. as anahtar kelimesi
  2. angle bracket syntax
  3. Type assertion vs casting
  4. unknown'dan cast
  5. Özet - Type assertion

17 Proje: Kütüphane paketi

  1. Paket tasarımı
  2. Türleri dışa aktarma
  3. Generic yardımcılar
  4. Bildirim dosyası
  5. Birleştirme

18 Proje: Quiz uygulaması

  1. Soru modeli
  2. Soru havuzu
  3. Cevap kontrolü
  4. Skor hesaplama
  5. Birleştirme

19 Proje: Hava durumu

  1. Hava durumu modeli
  2. API yanıtı tipi
  3. Veri dönüştürme
  4. Görüntüleme
  5. Birleştirme

20 Orta seviye finali

  1. Meydan okuma 1: Sınıflar
  2. Meydan okuma 2: Generic'ler
  3. Meydan okuma 3: Tür sistemleri
  4. Meydan okuma 4: Mini uygulama