Ara.27

Hızlandırılmış EcmaScript 6+ Dersleri – 13: Babel

Makale serimiz boyunca işlemiş olduğumuz EcmaScript 6 kodlarımızı tarayıcılarımızda (en azından benim tarayıcımda) sorunsuzca kullandık. Ancak bölüm başında da belirttiğim gibi bazı kullanıcılar hala eski sürüm tarayıcılar kullanıyor olabilir ve bu da EcmaScript 6 standartlarının desteklenememesine sebep olabilir. İşimizi garantiye almak adına Babel isimli bir JavaScript derleyicisidir. ES2015+ üzeri kod standartlarını eski JavaScript motorlar ı tarafından çalıştırılmasını sağlar.

Projelerimizde en üst seviyede babel.js’i eklersek, diğer script dosyalarındaki kodlar eski sürüme istemci tarafında dönüştürülmüş olacaktır.

Genel

Ara.24

Hızlandırılmış EcmaScript 6+ Dersleri – 12: Promise (Söz)

Promise, yani Türkçe karşılığı ile “Söz Vermek”, JavaScript’te bir işi yapmak için istekte bulunduğumuzda bu işin gerçekten yapılıp yapılmadığına dair karşı tarafın bize söz vermesi anlamına gelir. Bir iş yapmaya zorlanır, ancak yapılamazsa da yine bu durum haber verilir. Böylece istek yapıldığında oldu mu olmadı mı kontrolü yapmak ve buna göre programın akışına devam etmek oldukça önemlidir.

Promise olmadan önce bir şekilde Event yönetimi yaparak bir işlemin başarılı olup olmadığını kontrol edebiliyorduk, ancak oldukça elverişsiz ve çöp kod oluşmasına neden oluyordu.

Mesela bir resmi sayfaya yüklemek istediğimizde yüklenip yüklenmediğini kontrol edeli…

EcmaScript 6+

Kas.28

Kas.28

Kas.19

Kas.18

Hızlandırılmış EcmaScript 6+ Dersleri – 2: Kapsam Alanları (scope)

JavaScript’te var değişken, conts ile de sabit tanımlayabiliyoruz. Ancak performans kazanımı açısından var kullanımı bazen gereksiz yük oluşturabiliyor. Mesela bir fonksiyon içinde bir değişken kullanmak istediğimizde var ile tanımlanırsa programın her yerinden erişilebilir ve sürekli hafızada tutulur. Ancak let ile tanımlanırsa, sadece kapsam alanı içerisinde erişilebilir olur. Aynı şekilde kendisinin bir üst kapsamındaki let değişkenlerine de erişilebilir.

EcmaScript 6+

Kas.18

Hızlandırılmış EcmaScript 6+ Dersleri – 1: EcmaScript Tanımı ve JavaScript’ten Farkı

Yeni makale serimiz olan Hızlandırılmış EcmaScript 6+ Derslerine giriş yaptığımız bu makalemizde; EcmaScript’in tanımına ve JavaScript’ten farkına değineceğiz.

Günümüzde şu an 2007’de ES7 ve 2008’de ES8 versiyonları çıkmıştır, ancak tarayıcıların tamamen bu iki versiyon standardını desteklememesi nedeniyle ES6 versiyonunu makalelerimizde ele alacağız. ES6 versiyonunu anlatmak istememin nedeni; bu seriden sonra yazacağım JavaScript framework’lerinden React 16+ ve Vue 2.0’ı kullanabilmek içindir. Bahsettiğim bu iki framework EcmaScript 6 versiyonunu kullanmaktadır. Bu bölümde edineceğiniz temellerle daha güncel JavaScript metotlarını kullanacak, aynı zamanda kodlarınızda hem hız açısından hem de kod okunabilirliği açısından (daha düzenli, anlaşılır ve kısa) gelişim sağlayacaksınız.

EcmaScript 6+