JS Devil Day - JSDC Meetup

Livehouse.in影片回顧：
https://goo.gl/4wPj4W

video 有完整的內容，以下是雜記…

更好的使用 Angular

  • 講者：ALi
    • github:esbb48

Angular JS

  • 2009年開始的計畫
    • google維護
    • 1.4, 2.0 版本
  • 購物車你會怎麼做？
    • JS 綁定id去累計
  • Angular 怎麼做？
    • 用 HTML 就可以累計
    • MVC modle
    • 雙向綁定
      • 資料變畫面變
      • 畫面變資料也會變
    • 畫面是透過Templates匯出
      • HTML + Directives
    • restrict 限制範圍
    • scope 繼承定義關係
    • injection
    • service
    • protracto 可被測試
    • 常見的angular範例
      • ng-madel
      • ng-bude
    • 模組化
    • 不好學？廣度或深度不夠
  • 善用框架的概念而不被框架所侷限
  • 善用 Angular 特性寫出好維護的程式碼

JsvaScript ES6

講稿：https://github.com/coodoo/webpack-guide
BABEL：http://babeljs.io/

  • arrow funcion
  • BABEL 轉譯成 es5 code
  • let 取代 var 講宣告鎖定在 madel 裡面
  • var [a, ……rest] //spread
  • class
    • constructor
    • super
  • Promise //collback
  • Generator
    • 可以將流程中斷,做完再將控制權還給你
      • KoaJS
      • async
        • async.series([a,b,c])//依序做完
        • async.waterfall([a,b,c]) //a做完傳給b
      • es7: async await //未來式
  • flow type:
1
2
3
function foo (a:string, b:Number):object{
}

node.js 穩定版本 0.10.38

  • babel-node 支援 es6
    • 需取代原本 node 指令

browser

  • webpack

會後討論：

  • coffee script vs javascript
    • 剛開始學會看不慣箭頭，function，縮排，等表示方法。
  • es6 取代 coffee script？
    • es6 80% 致敬 coffee.js ，所以如果你還不會 coffee 目前時間點不適合從頭學習，應該直接投資 es6 會是比較好的策略。
  • JavaScript 未來走向？
    • 補足後端前往全端方向是必然的出路。
    • 如果寫 React 也可以搶部分 iOS app 市場。

JavaScript Code Style：http://jscs.info/