Typecsript Dersleri - Typescript Nedir?

-
typescript

Typescript nedir? Ne değildir? Çok yüzeysel değinip ardından o sıkıcı kurulum, geliştirme ortamı ve ilk uygulamamız isimli klişe bölümü paylşacağım. Gerçekten öğrenmek isteyen arkadaşlar için öncelikle belirteyim fayda bu yazı dizisinden verim almak istiyorsanız Javascript ile haşır neşir olmanız gerekmekte. İnternetteki herhangi bir Javascript tutorial’ini bir miktar takip etseniz yeterli yani. O zaman soruyorum;

Typescript Nedir?

Typescript tamamı ile yeni geliştirilmiş bir dil değil. Kendi yazım kuralları ile geçerli Javascript kodları yazmamıza yardımcı oluyor. Şunu da belirteyim aslında her Javascript kod bloğu aynı zamanda Typescript için de geçerli bir kod bloğu olabiliyor istisnai durumlar dışında. C#’ın tasarımcılığını üstelenen Anders Hejlsberg tarafından tasarlandı.

Javascript, görece daha esnek kurallara sahip olduğundan problemler çıkarabildiği için, Typescript bir kurtarıcı olarak karşımıza çıkabiliyor. Uygulamamızı Typescript ile geliştirdikten sonra tsc yani Typescript Compiler yardımı ile tamamı ile Javascript koduna dönüştürüp projemize dahil edebiliyoruz.

ecmascript-2017-logo

En basit ifade ile Typescript, Javascript kodları yaratıyor. Birkaç örnek gördüm gerçekten hoşuma gitti. Bir de değinmem gereken EcmaScript konusu var. EcmaScript, bugün kullandığımız Javascript’in standartlarını temsil eder. Bu EcmaScript’in versiyon isimleri tam bir ölüm. Mesela Mesela EcmaScript 6, 2015 yılında belirlenen standartları temsil ettiğinden EcmaScript 2015 olarak da anılır ya da ES6 ES2015 gibi.

Şu an tarayıcıların büyük çoğunluğu ES6 standartlarını tamamen desteklemiyor. Desteklenen sürüm ES5.1. ES6 bugüne kadar Javascript geliştiricilerinin rahatsız olduğu pek çok konuya çözüm getiriyor(muş). Fakat desteklenmediği için bu dili kullanarak geliştirme yapamıyoruz. İşte tam bu noktada Deus Ex Machina olarak Typescript karşımıza çıkıyor ve bize diyor ki “Ben ES6 standartlarını da destekliyorum, kendim pek çok yenilik de getiriyorum hatta yetmiyor sen kodu derlediğin zaman sana desteklenen EcmaScipt sürümünde çıktı veriyorum.”

Size aynı işi iki farklı (typescript ve javascript) kod gösterek yazıyı bitiriyorum.

Typescript



Javascript




Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Typecsript Dersleri - var & let Arasındaki Farklar

-
Resim
Typescript Dersleri’nde prosedürel programlama ile ilgili yazılara var, let ve const gibi anahtar kelimelerle değişken atama işlemini ve aralarındaki farkı anlatarak devam ediyorum. Javascript’te var ve herhangi bir keyword kullanmadan değişken atayabiliyoruz ama Typescript let ve const gibi iki farklı keyword daha ekliyor çantamıza. Madem hepsi değişken atıyor, neden farklı keywordlar var ve aralarında nasıl bir fark var? let & var arasındaki farklar kapsam farkı Anladığım kadarıyla let ve var arasındaki en belirgin fark scope yani kapsam meselesi. Örnek üzerinden anlatmam daha güzel olacak sanırım. function yolculukAngular () { for ( var i = 0 ; i < 10 ; i ++ ) { console .log (i); } console .log (“Final i is:” + i); } Öncelikle blogun ismiyle bir fonksiyon tanımladık. Fonksiyonumuzun içinde ise bir for döngümüz var. Döngü içerisindeki i değişkenini var keyworduyla tanımladık. Döngü, i = 0 ve i =10 arasında i’yi birer artırarak ekrana yazdır...
Devamı

Typescript Dersleri - Kurulum ve Geliştirme Ortamı

-
Resim
Typescript kurulumuna geçmeden birkaç konuya değinmek istiyorum. Programlama konusunda ilerlemek istiyorsak Google kullanmayı çok iyi bilmemiz gerekiyor arkadaşlar. Burada her işletim sistemine göre kurulum yapmaya çalışmayacağım. Benim kullandığım işletim sistemi Manjaro isimli bir Linux dağıtımı ve kurulumlar buna göre gösterilecek. Gerçi Typescript, Angular gibi teknolojiler için npm (node package manager) yeterli ama demek istediğimi anlayın. İlk olarak bilgisayarımıza Node.js kurmamız gerekiyor. Kurulum dosyalarını https://nodejs.org adresi üzerinden indirebilirsiniz. Eğer bir Linux dağıtımı kullanıyorsanız dağıtımın paket yöneticisinden de kurulum gerçekleştirebilirsiniz. Node.js ile birlikte sisteminize npm de kurulacak (bazı dağıtımlar da ayrı ayrı yüklemek gerekebiliyor). Kurulum işlemleri tamamlandıktan sonra terminalinize aşağıdaki komutu yazarak Typescript'i kurabilirsiniz. npm install -g typescript -mesela hemen arama motorunu "-g"nin işlevini öğ...
Devamı

Angular Yoculuğu Başlıyor

-
Resim
Herkese merhaba. (Kanalıma hoşgeldiniz.) Bu yazı bir giriş yazısı olacak ve tam olarak nasıl içerikler paylaşacağımı anlatacağım. Yazıların bir kısmını farklı bir platformda yayınlamıştım, buraya aktaracağım. Biraz kendimden bahsedip içeriklere geçmek istiyorum. Kocaeli Üniversitesi'nde Bilgisayar ve Öğretim Teknolojileri Eğitmenliği bölümünde okuyorum. Bölüm ismi kulağa havalı gelebilir ama 50 kuruşluk konsepte 50 liralık isim verilmiş gibi düşünebilirsiniz. (Dependency Injection gibi) 2 yıl boyunca 2 faklı firmada HTML + CSS + Javascript kullanarak para kazandım. Front-End Developer demeyeceğim. Çünkü bu sefer 50 kuruşluk bilgime 50 liralık isim vermiş gibi olacağım. Birkaç gün önce sürekli ertelediğim mesleki anlamda kendini geliştirme denemelerine başlamaya karar verdim. Yaklaşık 3 yıldır erteliyorum. Hem de sebepsiz yere. Belki bunu yapan da benim "Karanlık Yolcu"mdur. (Hi, Dexter) Anladığnız üzere sempatik olduğuna inandığım ama dışarıdan öyle görünmeyen par...
Devamı