Framer使用必備——入門級語法指南锹杈！本節(jié)從序言開始熄攘，先向你描繪CoffeeScript的輪廓撕瞧。
查看CoffeeScript英文原版書籍尤蛮。
序言
什么是CoffeeScript县匠？
CoffeeScript是前端開發(fā)者經(jīng)常使用的較新的編程語言风科，用于創(chuàng)建基于瀏覽器的界面。
CoffeeScript在編譯為JavaScript的過程是有趣的乞旦。編譯只是意味著變成或轉(zhuǎn)化為贼穆。當(dāng)我們寫CoffeeScript，在瀏覽器運行之前我們需要把它編譯成JavaScript兰粉。為了了解更多關(guān)于CoffeeScript故痊，你需要了解一點JavaScript。
什么是JavaScript玖姑？
JavaScript是我們在瀏覽器中使用的編程語言愕秫，例如操縱HTML和與服務(wù)器通信。JavaScript連同HTML和CSS焰络，使我們能夠創(chuàng)建豐富和響應(yīng)式的用戶界面戴甩。
JavaScript是世界上最流行的編程語言之一，主要是因為它是在瀏覽器端運行的唯一編程語言闪彼。JavaScript是由Brendan Eich 于1995年在Netscape公司創(chuàng)建甜孤，用于給web開發(fā)者和設(shè)計師一個便捷的方式去操控網(wǎng)頁。它很快得到了普及备蚓，因為它允許開發(fā)者在網(wǎng)頁中添加許多功能并且相對簡單易學(xué)课蔬。
盡管JavaScript很流行，但它也一直受到許多批評郊尝。雖然許多早期的缺陷已經(jīng)在最近的語言版本中得到了克服，但許多人仍然認(rèn)為它是一種“丑陋”的語言战惊，有很多歷史包袱流昏。
為什么選擇CoffeeScript扎即？
雖然有各種不同的嘗試來把其他的編程語言引入瀏覽器，但是沒有一個成功况凉，所以我們?nèi)曰蚨嗷蛏俚牟迦隞avaScript谚鄙。
在21世紀(jì)中期，另一個叫做Ruby的語言作為服務(wù)器端編程語言（這意味著它不是在瀏覽器中運行刁绒，而是 在服務(wù)器上運行的網(wǎng)站或應(yīng)用程序）得到了普及闷营。Ruby相比較于像JavaScript一樣
的語言，設(shè)計的更易于人類讀寫知市，強(qiáng)調(diào)開發(fā)者的生產(chǎn)率甚至是可欣賞性傻盟。
在2009年，Ruby的開發(fā)者Jeremy Ashkenas想在客戶端的開發(fā)種引入一些他最喜歡的Ruby特性（客戶端就是在瀏覽器發(fā)生的事件）嫂丙，并創(chuàng)建了CoffeeScript娘赴。
由于瀏覽器只能了解JavaScript代碼，起初使用CoffeeScript書寫的代碼在運行前必須被編譯成JavaScript語言瀏覽器才能了解跟啤。所以如果你正在script.coffee文件中書寫代碼诽表，你必須使用CoffeeScript編輯器將這個文件轉(zhuǎn)化為script.js。
許多開發(fā)者認(rèn)為額外花費的步驟對于書寫CoffeeScript語言所帶來的好處來說是值得的隅肥，他們覺得讓他們更有生產(chǎn)力并且彌補了JavaScript的一些缺點竿奏。
例如，JavaScript代碼以逆序的方法來輸出1到10之間的數(shù)字像這樣：
var countdown,num;
coundown = (function() {
var i,results;
results = [];
for(num = i = 10; i>= 1; num = --i) {
results.push(num);
}
return results;
})();
同樣的代碼在CoffeeScript中是這樣的：
countdown = (num for num in [10...1])
代碼既簡短易讀又容易理解腥放。
CoffeeScript和Framer.js
Framer.js是一個原型用戶界面的JavaScript框架泛啸。如果你想，你可以在一個HTML文件中包含framer.js捉片，然后利用純JavaScript框架的優(yōu)勢寫一些東西平痰。
Framer Studio是一個基于Framer.js的Mac應(yīng)用程序。Framer Studio使你的工作流程更簡單伍纫，它有這樣的特點如實時預(yù)覽面板和Sketch或Photoshop導(dǎo)入工具宗雇。
Framer Studio和Framer.js比較
雖然我強(qiáng)烈推薦Framer Studio，如果你正打算使用Framer制作許多原型莹规，你可以利用庫而不是用這個軟件赔蒲。這個GitHub項目包括使用Framer.js建立一個JavaScript項目的指令，但是使用CoffeeScript建立起來就變得相當(dāng)簡單了良漱。
在這本書中舞虱，我將使用Framer Studio為例。你需要Framer Studio或者一種編譯CoffeeScript的方式來跟隨我母市。為了不使用命令行來編譯CoffeeScript矾兜，你可以使用以下GUI之一：
- Prepros (Mac/Windows/Linux). Indefinite free trial/$29
- Koala (Mac/Windows/Linux). Free
- Codekit (Mac). $32
Note：案例將會利用Framer Studio的內(nèi)置設(shè)備模型。而未經(jīng)過常規(guī)瀏覽器環(huán)境測試患久。
安裝
你所有需要跟隨這本書學(xué)習(xí)的就是Framer Studio或者Framer.js和CoffeeScript椅寺。對于前面的章節(jié)浑槽，我建議將代碼輸入到基于瀏覽器的控制臺來觀察自己的輸出。我建議CoffeeScript REPL返帕，或者你熟悉Chrome的網(wǎng)頁開發(fā)者控制臺桐玻，你可以添加一個插件那么你就可以運行CoffeeScript，像CoffeeConsole或者Scratch JS（進(jìn)入設(shè)置然后選擇編譯為CoffeeScript）.
Note:如果你在瀏覽器環(huán)境中荆萤，不論你在哪里看到print命令替代console.log. print 這是Framer Studio獨一無二的镊靴。
下期內(nèi)容：1：CoffeeScript初學(xué)者 （1:CoffeeScript for beginners）
