Programlama Dilini Kullanma Kılavuzu – Yeni Yığın

JavaScript, gezegende ön uç web geliştirme için en çok kullanılan programlama dillerinden biridir. Microsoft tarafından geliştirilen TypeScript, dosya olarak çalışır Sıkı gramer kapsamlı set Dili genişletmeyi ve daha kullanıcı dostu hale getirmeyi ve onu modern gelişime uygulamayı amaçlayan JavaScript. TypeScript açık kaynaklı bir dildir ve hemen hemen her platformda (Linux, macOS, Windows) kullanılabilir.

TypeScript, sınıf, arabirim, stok işlevleri, çevreleyen bildirim ve sınıf devralma gibi özellikleri içeren nesne yönelimli bir dildir. TypeScript kullanmanın avantajlarından bazıları şunlardır:

• Herhangi bir tarayıcı veya JavaScript motorunda çalışır.
• JavaScript ile aynı sözdizimini kullanır ve tüm TypeScript kodu JavaScript’e dönüştürülür.
• TypeScript kodu, mevcut JavaScript kodundan çağrılabilir.
• Mevcut JavaScript çerçeveleriyle çalışır.
• JavaScript kitaplıkları için destek sağlar.
• En son JavaScript özelliklerini destekler.
• Üçüncü taraf araçlarla kolay entegrasyon.
• Daha az çalışma zamanı hatası.
• Daha iyi kod kalitesi ve dokümantasyon

TypeScript’in JavaScript üzerinden sağladığı özelliklerden bazıları şunlardır:

• İsteğe bağlı statik yazma
• okunabilirlik
• Kapsamlı IDE desteği
• nesne yönelimli programlama
• En son ECMAScript özellikleri için destek

TypeScript kullanmanın en büyük avantajlarından biri, yazarken kodunuzdaki hataları tespit etmenize yardımcı olacak güçlü bir ortam sağlamasıdır. Bu özellik, test etme ve hata ayıklama süresini önemli ölçüde azaltabilir, bu da çalışma kodunu daha hızlı oluşturabileceğiniz anlamına gelir.

Sonuç olarak, TypeScript en iyi şekilde büyük ölçekli JavaScript projeleri oluşturmak ve yönetmek için kullanılır. Ne bir ön uç ne de arka uç bir dildir, ancak JavaScript’in özellik setini genişletmenin bir yoludur.

TypeScript kurulumunda size yol göstereceğim ve çok basit bir Hello, World! Rica etmek.

Linux’ta TypeScript ve VSCode Kurulumu

TypeScript’i Linux’a yükleyelim (özellikle Ubuntu 22.04). Bunu yapmak için önce Node.js’yi kurmalıyız. Ubuntu Masaüstü örneğinize giriş yapın, bir terminal penceresi açın ve şu komutla hem Node.js hem de npm’yi yükleyin:

sudo apt-get install nodejs npm -y

Node.js ve npm kuruluyken, şimdi şu komutu kullanarak TypeScript’i npm ile kurabiliriz:

npm install -g typescript

Bu hatalar ortaya çıkarsa, yukarıdaki komutu aşağıdaki gibi sudo ayrıcalıklarıyla çalıştırmanız gerekebilir:

sudo npm install -g typescript

Kurulumun başarılı olup olmadığını kontrol etmek için şu komutu verin:

tsc -v

Yüklü TypeScript’in sürüm numarasını şu şekilde görmelisiniz:

Version 4.7.4

Şimdi TypeScript yüklendiğine göre, IDE’yi karışıma ekleyelim. VSCode’u kuracağız (çünkü yerleşik TypeScript desteği var). Bunun için Snap gibi kullanabiliriz:

sudo snap install code --classic

Kurulum tamamlandıktan sonra çekim yapabilirsiniz. VSCode masaüstü menüsünden.

Merhaba, Dünya oluşturun! Başvuru

Yapacağımız ilk şey, Hello, World! Rica etmek. Linux makinenizde bir terminal penceresi açın ve şu komutu verin:

mkdir helloworld

Bu dizine şununla değiştirin:

cd helloworld

Ardından, aşağıdakileri kullanarak uygulama dosyasını oluşturacağız:

nano hw.ts

Bu yeni dosyada uygulamanın ilk satırını aşağıdaki gibi ekleyin:

Yukarıda görüyoruz, kullanıyoruz Yapraklar hangisine benzer fare Bir değişken bildirmek, ancak JavaScript’te bulunan daha yaygın sorunlardan bazılarını önler (örneğin, değişken yakalama, garip kapsam belirleme kuralları, vb.). Örneğimizde değişkeni belirledik. İleti için diziler Bu okur Merhaba, Yeni Yığın!. Çok basit.

Merhaba, Dünya!’nın ikinci satırı! Uygulama şöyle görünür:

Bunun yaptığı, değişken ne olursa olsun konsol kaydına yazdırmaktır. İleti olarak ayarlanmıştır (bizim durumumuzda, Merhaba, Yeni Yığın!).

Tüm uygulamamız şöyle görünecek:

Dosyayı kaydedin ve kapatın.

VSCode açıkken, pencerenin alt yarısında bir terminal açacak olan Terminal > Yeni Terminal’e tıklayın (şekil 1).

Terminalde, aşağıdaki komutla helloworld klasörüne geçin:

cd helloworld

Ardından, TypeScript dosyamızdan şu komutla bir JavaSript dosyası oluşturacağız:

tsc hw.ts

VSCode Explorer’ı açın ve hem hw.js hem de hw.ts’yi göreceksiniz (şekil 2).

Şekil 2: VSCode Explorer’da gösterildiği gibi her iki dosya.

hw.js’yi seçin ve Çalıştır > Yama Olmadan Çalıştır’a tıklayın. Talep üzerine (Figür 3), hata ayıklayıcı olarak node.js’yi seçin.

Şekil 3: Doğru hata ayıklayıcıyı seçmek kritik bir adımdır.

Bunu yaptığınızda, VSCode işini yapacak ve çalıştırma sonuçlarını çıkaracaktır (Şekil 4).

Şekil 4: Merhaba dünya! Uygulamanın başlatılması başarılı oldu.

Ya tüm bunları bir terminal penceresinden yapmak istiyorsanız (IDE kullanmadan)? Bu daha kolay. Merhaba, Dünya! yazmak için kullandığınız istasyona geri dönün! uygulamasını açın ve hala merhaba dünya kılavuzunda olduğunuzdan emin olun. Yine de TypeScript ve JavaScript dosyalarını görmelisiniz.

Merhaba Dünya! app komut satırından aşağıdaki gibi bir düğüm kullanabilirsiniz:

node hw.js

Çıktı şöyle olmalıdır:

Hello, New Stack!

Tebrikler, TypeScript’i yüklediniz ve ilk dil uygulamanızı yazdınız. Bir dahaki sefere, dille neler yapabileceğinize daha derinden gireceğiz.