台灣第一屆 JavaScript Conference Developer 會議

自從去年辦了台灣第一屆 2011 PHP Conference，2012年開始又來新的第一屆 Javascript Conference，在去年的 PHP 會議由於第一次開始舉辦 PHP Conference，所以比較少人投稿，導致議程裡面出現很多 Javascript 議題，這也是很多朋友的疑問 XD。底下來回顧 JSDC 5/19 (六) 個人參加的議程。由於早上差不多10點半才到，所以前兩場議程(Key Note - Ericsk, Node.JS on Windows Azure)就沒有聽到了，比較可惜。如果沒去聽現場的，可以到官方網站下載投影片參考。

Key Note - Andreas Gal

這場最主要是介紹 Mozilla B2G Project，這是去年 Mozilla 的計畫，也在今年二月發表一些 demo 範例，以前程式設計師開發 Mobile device 需要用到大量的 Native API，現在可以利用 HTML5 + Javascript 開發任何驚人的 Application，大家可以在 Github 找到此專案 Gaia，另外可以參考 Boot to Gecko Wiki，現場有 Demo 手機可以玩看看。

JavaScript在Big Data方面的應用

這場其實就是推廣 Windows Azure 一些功能還有用 Javascript 處理大量資料，Map Reduce 的 work flow，投影片可以參考這裡，個人對於 Windows 系列的產品沒有很大的興趣，結論就是只有網站夠大才需要考慮到這些應用，不然一般的架構就可以做完了。

JavaScript MVC compare

這場是由 TonyQ 主講，相信大家對於他已經很熟悉，在台北每個禮拜都有舉辦 Javascript 小聚會，可以參考 Facebook javascript.tw Group，這場介紹如何選擇一套 Javascript Framework，現場也提到如果想玩新的 Framework，請由全新專案開始，不要拿舊有的網站來開刀，那會是拿石頭丟自己的腳，以老闆角度來想，為啥要導入新的架構，除非你有很大的說服力，不然請打消這個念頭，此主題有提到 AngularJS、Backbone.js、Spine、JavaScript MVC，講者提到下面幾個重點，對於找一套好的 Framework 非常有幫助:

Project Dependency
Dependency Management
Model-View-Controll structure
Entry point
Testing

Project Dependency: 首先在用任何一套 JS Framework 之前，必需要先瞭解此套件的相依性，例如 Spine.js 需要 include jQuery 或 zepto，另外還需要 CoffeeScript。那 Backbone.js 呢？就需要 include underscore.js 跟 jQuery，所以每一套 Framework 都要瞭解相依性，以及自己撰寫開發的 script 是否可以相依並存，這點是非常重要。

Dependency Management: 如何解決相依性管理，這點是就是要瞭解這些 Framework 如何整合而外的 Library，像是 Backbone.js 用了 AMD (Asynchronous Module Definitions) 架構，要瞭解管理這些額外套件，以及整合各大 opensource 架構，例如 Require.js。

Entry Point: 各大 JS Framework 的主要特性，當您選一套喜歡的 Framework，一定會有您自己心目中想要的架構，才會繼續使用它吧，這點大家都必須要先清楚知道，而不是大家用，您就用。像 Sencha Touch，它就是 script base，你只要會寫 javascript 就可以了，不用理會 html dom 元件如何產生出來，因為在 Sencha 底層就幫忙把 Html Layout 處理完畢。Backbone.js 呢，它提供了 URL Routing 功能，這點非常方便，讓後專程式設計師可以專心寫 API，輸出 JSON 格式就可以了。AngularJS 就是以 html 當作 Base，利用 ng-* 插入到 html tag 來產生前端效果。

Model-View-Controler: 我想大家一定聽過很多 MVC Framework，像是 CodeIgniter, Django, Yii, Zend Framework …等太多了，那前端的 MVC 呢？這是大家很少注意，也很少使用的地方，個人認為要選擇一套前端 MVC Framework 必須包含 Controller，利用 URL Routing 功能來達到 JS File 的分離，Model 用來連接後端 API，View 則是 Template Engines，以及可以自訂各種不同的 Event。

Testing: 前端的 Testing 就看專案需求了，這部份就不多寫了，可以參考 QUnit

Introducing Mojito

這場由 Yahoo 前端工程師 David Shariff 來介紹 Mojito MVC application framework，現在前端工程師非常辛苦，因為有太多的 Device 要支援: Android, iPhone, iPad, Windows Phone, other Device…等，每個 Application 用到不同的 Language，每出一個產品，前端做到死，所以 Yahoo 提出了解決方案: Cocktails Mojito。Mojito 實現一種 Language base，支援各式不同的 Devices，包涵各種不同的 Screen Size。Mojito 語言就是 JavaScript，Client, Server 全部都是。大家可以到 Yahoo Github 找到完整 Source Code。Mojito 整合了 YUI3 及 Node.js 當作伺服器端。個人覺得這套好用的原因在於架構清楚，並且幫忙分離檔案目錄結構，這樣對於共同開發團隊非常有幫助。

Noder eyes for frontend guys

這場由 Fillano 主講，主要是給大家一堆寫 Node.js 之前所需要的 Javascript 知識，像是單一執行緒，或者是會碰到 async mode，以上都是寫 JS 的工程師會遇到的，投影片值得一看再看，請參考此下載連結

Non-MVC Web Framework

永遠的大四生 Fred 所講的一套 MVC Web Framework，base on node.js，講者提到台北一堆神人都自己寫一套 Framework，所以講者也自己創了一套 XD，原本是 RedTea (淡定紅茶 Framework)，後來作者把 Express Framewrok 導入，讓開發者更趨向於使用 Express Framework，並且結合 RedTea 所有功能，衍生出另外一套 Kamalan Web Framework 詳細可以參考作者 blog: 【JSDC.tw 2012 簡報檔釋出】Non-MVC Web Framework

Refactoring with Backbone.js

由 Jace Ju 主講，如何幫網站擦屁股，這是我這次去會議看到最多程式碼的一個 Section，主要是把網站本身的 jQuery 程式碼重構成 Backbone.js，對於新人來說是非常好的學習，大家可以看看簡報檔，裡面有講者一步一步詳細分析該如何重構整個 Javascript，完整的把 Backbone.js 導入到開發專案，相信看完此 Slide，會有更多人投入 Backbone.js。

心得

個人蠻喜歡參加這種大型會議，可以學習到不同的架構，聽到不同的心得，以及瞭解目前大家開發主流的工具及語言，希望下次能有機會可以分享自己的心得 XD。