CoffeeScript'i kullanmaya başlayın

Geçmişte birçok geliştirici kendilerine söylendiğinde JavaScript tarayıcıda çalışan bu dilin gerçek faydalarını bulmak mümkün olmadığı için gereğinden fazla acı çektiler.
Uzun yıllar süren belirsizlikten sonra, işlevleri sağlayan kütüphaneler şu şekilde özetlenmiştir: jQuery veya mootools, dile olan güveni yeniden kazandı, ancak bu gibi projelerin ortaya çıkmasına kadar değildi. Node.js gerçekten dikkate alınmamış olmasıdır. ile ilgili tek sorun JavaScript sözdiziminin, geliştiricilerin şu anda aradıkları şeyle modası geçmiş olması, örneğin nasıl olduğunu görüyoruz. yakut veya piton gösterilerinin sergilendiği temizlikten dolayı çok başarılılar.
CoffeeScriptTeknoloji dünyasında hiçbir şey imkansız değildir ve her zaman dünyayı değiştirmek isteyen bir ekip vardır, ortaya çıkar. Kahve Komut Dosyasıdayalı bir dil JavaScript ve bu da daha temiz bir sözdizimine sahip olmamıza yardımcı olur, programlarımızı yazdıktan sonra derlenir ve dönüştürülür. JavaScript Pure, böylece çalıştığı platformlarla uyumluluğu korur.
zevk alabilmek için CoffeeScript İlk önce bazı gereksinimleri karşılamalıyız, bu şekilde derleyicisine erişebiliriz, ancak sadece bu değil, aynı zamanda programlarımızı çalıştırmaya başlamak için ilk komutlar hakkında temel bir fikir sahibi olmalıyız.
İhtiyacımız olan ilk şey, Node.js bu araçla, adı verilen bir paket yöneticisine sahip olacağız. npm tüm ortamı kurabileceğimiz CoffeScript çok basit bir şekilde. Yüklemenin en iyi yolu Node.js Aşağıdaki resimde gördüğümüz gibi, nodejs.org'daki resmi yükleyicileri aracılığıyla, istediğimiz hemen hemen tüm platformlar için sürümlerimiz var:

BÜYÜT

Bu eğitim durumunda, sürümle çalışacağız. pencereler. Bir kez kurduk Node.js Aşağıdaki komutu çalıştırarak kurulumun başarılı olduğunu test edebiliriz:

 -v düğümü

Bu bize sistemimizde bulunan sürümün olduğu bir ekran döndürmeli, eğer bu olmazsa kurulumumuzu doğrulamalıyız çünkü doğru değil, bakalım nasıl görünüyor:

Şimdi sahip olduğumuz Node.js şimdi kurulum zamanı CoffeeScript, geçmişte yüklemek zorunda kaldık npm ayrı, ancak en son sürümlerde zaten dahil edilmiştir, bu nedenle hedefimizi yerine getirmek için yalnızca aşağıdaki komutu yerleştirmemiz gerekir:

 npm install -g kahve betiği

yerleştirdiğimizi görüyoruz. -G, bu, kurulumun yapıldığını gösterir. küresel, sahip olabilmek için CoffeeScript sistemimizde, komutu yürütürken gerekli her şeyi indirmesi birkaç saniye sürecektir.
Son olarak, kurulumun doğru ve sorunsuz yapıldığını doğrulamak için komut konsolumuzda aşağıdakileri çalıştırabiliriz:

 kahve -v

Bundan sonra aşağıdaki görüntüye benzer bir sonuç almalıyız:

Bununla dil kurulumunu başarıyla tamamladık Kahve Komut Dosyası, ama sadece bu değil, biz de var Node.js gelecekte diğer araçlar ve geliştirme ortamları için bize hizmet edecek.
ÖnemliSüreç içinde yürütülmekle birlikte pencereler Temelde tüm platformlar için aynıdır, belki de en çok değişen şey kurulum şeklidir. Node.js, ancak kullanımı npm kurulum için CoffeeScript aynı.
Gereksinimlerimizi başarıyla yüklediğimize göre, şimdi ilk programımızı oluşturacağız, bunun için başlatmalıyız. kabuk veya etkileşimli konsol CoffeeScript, bunun için basitçe kurulumu yaptığımız işletim sisteminin konsolumuza veya terminalimize kelimesini yerleştireceğiz Kahve ve bahsedilen kabuğa gireceğiz.

Bir kez orada, a'dan başka bir şey olmayan aşağıdaki kodu yerleştireceğiz. Selam Dünya Bu yeni teknolojiye başlamak için. Bir değişken bildirerek başlıyoruz, bunun için adını, bir eşitlik işaretini ve ardından içeriğini yerleştireceğiz, örnek olması durumunda aşağıdaki gibi olacaktır:

 selamlama = "Dünya"

Biz iteriz Girmek, şimdi bir metin dizisi oluşturacağız, bunun içine değişkeni dahil edeceğiz, bunun için sadece diyez işareti # ve arasında anahtarlar değişkenin adı, örneğin:

 "Merhaba! #{selamlama}!"

Bitirmek için basıyoruz Girmek tekrar ve biz alacağız Merhaba! Dünya! aşağıdaki resimde gördüğümüz gibi sonuç:

İlk programımızı bitirdikten sonra kesinlikle biraz kutlama yapmak isteyeceğiz ve bunun için kabuğu aktif bırakmak istemiyoruz, bu yüzden çıkmak istiyorsak sadece tuşlara basmalıyız. CTRL + D ve bununla birlikte işletim sistemi konsolumuza geri döneceğiz.
Her şeyi konsola yazmak uygulamalarımızda çok sık kullanacağımız bir şey olmadığı için dosyalarımızı derlemeyi öğrenmeliyiz; derleyerek koddan yapılan çeviriyi kastediyoruz CoffeeScript ile JavaScript bu şekilde sonuç, ikincisini destekleyen tüm platformlarda yürütülebilir.
Halihazırda sahip olduklarımıza ek olarak ihtiyacımız olan tek şey iyi bir metin editörüdür, en popülerlerinden biri Yüce metinBununla ilgili iyi olan şey, işimizi kolaylaştırmak için ek işlevler elde edebileceğimiz binlerce uzantı olmasıdır. Şimdilik istediğimiz editörü kullanabiliriz, nasıl kullanıldığını örneklerde göreceğiz Yüce metin.
Dosya uzantısıTüm dosyalarımız bitmeli .Kahve bununla, bunların karşılık geldiğini bileceğiz Kahve Komut Dosyası, bize bir mesajla uyarı gösteren küçük bir örnek oluşturacağız, sonra onu derleyeceğiz ve sonucu göreceğiz.
adında bir dosya oluşturacağız. örnek1.kahve ve içine aşağıdaki içeriği yerleştireceğiz:

 uyarı "Hoş geldiniz !!"

Dosyamızı derlemek için aşağıdaki komut satırını çalıştırmamız yeterli:

 kahve -c örnek1.kahve

Bu eylem bir dosya oluşturacak .js isminde örnek1.js, aşağıdaki resimde nasıl görselleştirebiliriz:

BÜYÜT

Aşağıdaki içeriğe sahip olacak:

 uyarı ("Hoş Geldiniz !!");

Şimdi kesinlikle dosyaları derlemenin faydasının ne olduğunu merak ediyoruz. .Kahve, cevap, kodumuzu sorunsuz bir sayfada kullanabilmemiz için, bunu yapıyoruz çünkü dosya .Kahve Tarayıcı tarafından yorumlanamayacak, bu nedenle dosya olan derlenmiş sonuç .js sayfamızın çalışmasını sağlayacak olandır.
Yukarıdakileri derlediğimiz aynı dizinde veya klasörde görüntülemek için örnek1.kahve yeni bir dosya oluşturacağız, bu bir dosya olacak HTML normal biz onu arayacağız örnek2.html ve içinde bir bağlantı yapacağız örnek2.js, gerekli kodu görelim:

 CoffeeScript ile uygulamamız 

Tarayıcımızda çalıştırıldığında, bu şöyle görünmelidir:

Şimdi adında bir dosya oluşturacağız. örnek2.kahve ve aşağıdaki kodu yerleştireceğiz:

 dil = {dilimiz: {ad: "Kahve"}} ourElement = document.getElementById ("dil") ourElement.innerHTML = dil.dilimiz.name

Derleyip yeniliyoruz HTML önceki adımdan:

Başlığın son kelimesinin değiştiğini fark ettiğimiz gibi, şimdi dosyayı tekrar değiştirirsek örnek2.kahve ve yerleştiririz CoffeScript, değişikliklerin derlemeye gerek kalmadan yansıtılması için aşağıdaki komutu çalıştırmanız yeterlidir:

 kahve -c.

Bununla, yaptığımız şey yenilemek .js dosyalara dayalı olarak gerekli değişiklikleri içeren.Kahve değiştirilmiş, bakalım:

Ve son olarak dosyamızı güncellerken HTML Kodumuzda yapılan değişikliklerin nasıl yansıtıldığını göreceğiz:

Bir şeyi her değiştirdiğimizde bu derleme işlemi biraz ağırdır, özellikle farklı klasörlerdeki çok sayıda dosyayı değiştirmemiz gerekiyorsa, bu yüzden derleyiciyi "gözlemle" ve her seferinde bir değişiklik gördüğünde veya algıladığında uygulamamızı güncel tutmak için bir dosya hemen yeniden derlenir.
Bunu başarmak için şu komutu yerleştirmemiz yeterlidir:

 kahve -w -c.

Bununla tüm dizini derliyoruz ve derleyiciye bir dosyada bir değişiklik olduğunda onu tekrar derlemesini söylüyoruz. Aşağıdaki resimde nasıl olduğunu görelim yapı günlüğü dosyalarda değişiklik yaparken, bunların tümü otomatik olarak gerçekleşir:

Bu temel parçalarda ustalaşarak ve onları çalıştırarak, geliştiriciler olarak büyümemize yardımcı olacak çok önemli bilgiler edineceğiz. Önemli olan derleme kavramlarını iyi ele almak ve çıkan dosyayı görmek, bununla yavaş yavaş faydalarını öğreneceğiz. JavaScript Modern bir kalkınma dili olarak.
Bununla çalışmayı gördüğümüz gibi, bu öğreticiyi bitirdik. Kahve Komut Dosyası Başlangıçta oldukça basit bir şey, elbette tüm programlama dilleri gibi bir öğrenme eğrisi var ancak diğer diller kadar yüksek ve karmaşık değil.