TypeScript Kodları

TypeScript programlama dili ile yazılmış konuşan kod örnekleri.

1
Kod üzerine gelin
2
Sesli açıklamayı dinleyin
3
Öğrenin ve uygulayın
TypeScript Orta
89 
interface Kullanici {
  ad: string;
  yas: number;
  aktif: boolean;
}

function kullaniciBilgisiYazdir(k: Kullanici): void {
  console.log(`${k.ad} (${k.yas}) - Durum: ${k.aktif ? "Aktif" : "Pasif"}`);
}

const kullanici1: Kullanici = { ad: "Bilal", yas: 28, aktif: true };
kullaniciBilgisiYazdir(kullanici1);

TypeScript ile Arayüz (Interface) Kullanımı

Detay

Arayüzler (interfaces), nesnelerin yapısını tanımlamak için kullanılır. Bu örnekte bir Kullanici arayüzü oluşturuyor ve fonksiyonun bu yapıya uygun nesneleri nasıl beklediğini gösteriyoruz. Böylece tip güvenliği artırılır ve kodun bakımı çok daha kolay hale gelir.

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

const sonuc = topla(10, 5);
console.log(`Toplam: ${sonuc}`);

TypeScript ile Fonksiyon Tanımlama ve Tip Güvenliği

Detay

TypeScript, JavaScript’in güçlü bir versiyonudur ve en büyük farkı tip güvenliği sağlamasıdır. Bu örnekte, fonksiyon parametrelerine tip atayarak hem hata payını azaltıyor hem de kodun okunabilirliğini artırıyoruz. Bu yapı özellikle büyük projelerde, ekip içinde kod tutarlılığını korumak için kritik öneme sahiptir.

Web Speech API Nasıl Çalışır?

Modern tarayıcıların sunduğu Web Speech API ile kodları sesli olarak açıklıyoruz.

Hover Efekti

Kod bloğunun üzerine mouse ile geldiğinizde otomatik olarak sesli açıklama başlar.

Sesli Açıklama

Web Speech API kullanılarak kod açıklaması Türkçe olarak seslendirilir.

Öğrenme

Görsel ve işitsel öğrenme ile kodları daha kolay anlayabilir ve öğrenebilirsiniz.

Kendi Konuşan Kodunuzu Oluşturun

Web Speech API ile kendi projelerinizde de konuşan kod örnekleri oluşturabilirsiniz.

Proje Danışmanlığı Öğreticileri İncele