S01E02CoffeeScript写更少的代码,做更多的事云谦, 20120802chenchengpro @ weibo & twitter                                 TMB 剧组出品
Coffee 初印象• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言• Coffee 仅仅是 JavaScript• Coffee 是 JavaScript 的精华部分
It’s Just JavaScriptKISSY.ready(function(S) {  S.all(“body”).html(“hello world”);});
It’s Just JavaScriptKISSY.ready (S) ->  S.all(“body”).html “hello world”
Coffee 初印象• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言• Coffee 仅仅是 JavaScript• Coffee 是 JavaScript 的精华部分
•   环境•   DEMO•   感受
安装NodeJS:http://nodejs.org/brew install nodejs (mac)Coffee:npm install -g coffee-script
编译命令⾏行:coffee -c test.coffeecoffee -wc test.coffee⼯工具:cafe, gruntcodekit, livereload, ...
DEMO
感受• 写更少的代码,做更多的事• 兼容• 性能• 调试• 协作• 缺点
预告• S01E03 —— Sass, Less 等 CSS 预编译语⾔言   的介绍及如何选择• S01E04 —— NodeJS 全堆栈实践• S01E05 —— Jasmine ⾼高级⽤用法• S01E06 —— Coffee + Jad...
Thanks!
再见侏罗纪.S01.e02.CoffeeScript
Upcoming SlideShare
Loading in …5
×

再见侏罗纪.S01.e02.CoffeeScript

563 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
563
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

再见侏罗纪.S01.e02.CoffeeScript

  1. 1. S01E02CoffeeScript写更少的代码,做更多的事云谦, 20120802chenchengpro @ weibo & twitter TMB 剧组出品
  2. 2. Coffee 初印象• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言• Coffee 仅仅是 JavaScript• Coffee 是 JavaScript 的精华部分
  3. 3. It’s Just JavaScriptKISSY.ready(function(S) { S.all(“body”).html(“hello world”);});
  4. 4. It’s Just JavaScriptKISSY.ready (S) -> S.all(“body”).html “hello world”
  5. 5. Coffee 初印象• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言• Coffee 仅仅是 JavaScript• Coffee 是 JavaScript 的精华部分
  6. 6. • 环境• DEMO• 感受
  7. 7. 安装NodeJS:http://nodejs.org/brew install nodejs (mac)Coffee:npm install -g coffee-script
  8. 8. 编译命令⾏行:coffee -c test.coffeecoffee -wc test.coffee⼯工具:cafe, gruntcodekit, livereload, ...
  9. 9. DEMO
  10. 10. 感受• 写更少的代码,做更多的事• 兼容• 性能• 调试• 协作• 缺点
  11. 11. 预告• S01E03 —— Sass, Less 等 CSS 预编译语⾔言 的介绍及如何选择• S01E04 —— NodeJS 全堆栈实践• S01E05 —— Jasmine ⾼高级⽤用法• S01E06 —— Coffee + Jade + Sass,淘宝⾸首 ⻚页改版实践• ...
  12. 12. Thanks!

×