Yeni Başlayanlar İçin TypeScript'e Başlarken
TypeScript, dile statik yazım ve diğer gelişmiş özellikler ekleyen güçlü bir JavaScript üst kümesidir. Geliştiricilerin hataları erken yakalamasına, daha temiz kod yazmasına ve büyük kod tabanlarını daha etkili bir şekilde sürdürmesine yardımcı olur. Bu kılavuzda, TypeScript'in temellerini size anlatacağız ve tamamen yeni başlayan biri olsanız bile, TypeScript'e başlamanıza yardımcı olacağız.
TypeScript Nedir?
TypeScript, Microsoft tarafından geliştirilen açık kaynaklı bir programlama dilidir. Çalışma zamanından ziyade derleme zamanında hataları belirlemeye yardımcı olabilen statik türler ekleyerek JavaScript'i temel alır. Bu, güvenilir ve sürdürülebilir kod yazmayı kolaylaştırır. TypeScript kodunun bir tarayıcıda veya Node.js ortamında çalıştırılabilmesi için JavaScript'e derlenmesi gerekir.
Neden TypeScript Kullanmalısınız?
- Statik yazımla iyileştirilmiş kod kalitesi ve erken hata tespiti
- Modern IDE'lerde daha iyi araçlar ve otomatik tamamlama özellikleri
- Büyük kod tabanları için geliştirilmiş okunabilirlik ve sürdürülebilirlik
- En son JavaScript özelliklerini ve gelecekteki standartları destekler
TypeScript Nasıl Kurulur
TypeScript'i kullanmaya başlamadan önce, onu makinenize yüklemeniz gerekir. Node.js ve npm'in (Node Paket Yöneticisi) yüklü olması gerekir. Eğer yüklü değilse, Node.js web sitesinden indirin.
- Terminalinizi veya komut isteminizi açın.
- TypeScript'i global olarak yüklemek için aşağıdaki komutu çalıştırın:
npm install -g typescript
Bu komut TypeScript'i sisteminize global olarak kuracak ve herhangi bir klasörden erişilebilir hale getirecektir.
İlk TypeScript Programınızı Oluşturma
TypeScript'i yükledikten sonra ilk TypeScript dosyanızı oluşturabilirsiniz. Şu adımları izleyin:
- Projeniz için yeni bir klasör oluşturun ve terminali kullanarak bu klasöre gidin:
mkdir my-first-typescript-app
cd my-first-typescript-app
app.ts
: adında yeni bir TypeScript dosyası oluşturun:
echo "console.log('Hello, TypeScript!');" > app.ts
Bu, konsola "Merhaba, TypeScript!" kaydını yapan basit bir TypeScript dosyası oluşturur.
TypeScript'i JavaScript'e Derleme
TypeScript kodu doğrudan tarayıcılar veya Node.js tarafından yürütülemez; önce JavaScript'e derlenmesi gerekir. TypeScript dosyanızı terminalinizde aşağıdaki komutu çalıştırarak derleyebilirsiniz:
tsc app.ts
Bu komut aynı dizinde app.js
adlı bir JavaScript dosyası oluşturur. Derlenmiş JavaScript dosyasını artık Node.js kullanarak çalıştırabilirsiniz:
node app.js
Konsolda Merhaba, TypeScript!
yazısını görmelisiniz.
TypeScript'te Temel Türleri Anlama
TypeScript, verilerinizin şeklini ve yapısını tanımlamanıza yardımcı olan birkaç temel tür sunar. İşte birkaç yaygın tür:
- Sayı: Sayısal değerleri temsil eder.
- Dize: Metin değerlerini temsil eder.
- Boolean: Doğru veya yanlış değerlerini temsil eder.
- Dizi: Aynı türdeki değerlerin bir koleksiyonunu temsil eder.
- Tuple: Farklı tiplerde sabit sayıda elemana sahip bir diziyi temsil eder.
- Enum: Adlandırılmış sabitlerin bir koleksiyonunu temsil eder.
- Any: Herhangi bir değeri tutabilen dinamik bir türü temsil eder.
Örnek: TypeScript'te Türleri Kullanma
TypeScript'te farklı tiplerin kullanımını gösteren basit bir örneğe bakalım:
let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];
enum Color {
Red,
Green,
Blue,
}
let favoriteColor: Color = Color.Green;
console.log(age, name, isStudent, hobbies, person, favoriteColor);
Bu örnekte, number
, string
, boolean
, array
, tuple
ve enum
gibi belirli türlere sahip değişkenleri tanımlıyoruz. TypeScript derleyicisi, değişkenlere doğru türlerin atanmasını sağlayarak, vanilya JavaScript'in sunmadığı bir güvenlik katmanı sağlayacaktır.
Çözüm
TypeScript, daha sağlam ve sürdürülebilir kod yazmak isteyen geliştiriciler için harika bir seçimdir. JavaScript'e statik türler ekleyerek TypeScript, hataları erken yakalamanıza ve daha iyi araç desteği sağlamanıza yardımcı olabilir. Bu eğitimde, TypeScript'in temellerini, nasıl yükleneceğini, basit bir program nasıl yazılacağını ve temel türlerinden bazılarını nasıl kullanacağınızı öğrendiniz. TypeScript'i keşfetmeye devam ettikçe, geliştirme iş akışınızı iyileştirmenize yardımcı olabilecek çok daha güçlü özellikler keşfedeceksiniz.