Mokoversity 農場計畫 Hackathon

jollen 發表於 December 22, 2014 12:36 PM

圖：Joker 跟大家分享 The Execution Premier 的讀書心得

Mokoversity 農場計畫進入到第六週的關鍵時刻，也是 ABC of XYZ 的 Stage B。

這個階段是一個 close door 的 hackathon，農場計畫的碼農們（coders）利用週末的二天時間，討論 strategy change agenda，並且 coding 自已的 prototype，為將來的 startup 做好準備工作。大家在一起 Coding Dreams，是一個很愉快的經驗。

這次的 hackathon 還有一個重要目的，就是展示 Web trends 2015 的重要技術。所以，我就以 mokoversity.com 當例子，從 strategy change agenda 的角度，說明 mokoversity.com 重構的目標，包含中期策略與想法。

明年的 Web 技術發展，會進入到非常關鍵的時期，無論是新產品開發、創業、App 設計等，將會有很大的改變。在農場計畫第六週的「Web Trends 2015」課程中，為大家整理並分析了一些 Web trends；在 hackahton 期間，經由實際重構 mokoversity.com 的過程，讓大家看見新技術的特性、設計與架構。

Mokoversity 重構後的新網站已經上線了，新首頁的背後，是這些技術：

1. 使用 Virtual Dom
2. 檢視了 Backbone Model 的 immutable data structure
3. 討論 SPA 與 immutable data structure 的設計與觀念
4. Mutable 與 Immutable 的 MVC 框架效能
5. 以 Underscore template 建立 virtual tree (vtree)
6. UI composition 與 composition boundary 實作
7. Subtree 的 diff 與 patch
8. 以 MVVM 設計軟體架構
9. Multiple data model 的設計與實作
10. 使用 Browserify 與 CommonJS
11. 提到了 ES6
12. Finite Stata Machine 與 UI interactivity
13. 使用了 Constructor pattern、prototype pattern 與 facade pattern

大家在 2014 的歲末，都儲備好 2015 的技術能量了。雖然我的 hackahton 任務，只是重構首頁的小題目，但對自已來說，卻是很充實的學習過程。

另外，雖然經過一些分析後，暫時不打算採用 React，但這是一個重要的 Web trends。Web trends 2015 年的設計主軸仍是 SPA，但技術上有許多不同。特別的是，這些技術已經開始進入到 sensor hardware 領域。

明年開始，Mokoversity 農場計畫，將開始供應 IoT 的內容。從 SPA + IoT 的角度，讓 Maker 打造更有趣的作品。歡迎到 www.mokoversity.com 了解農場計畫。

主選單

近期文章

我的工作

Mokoversity 農場計畫 Hackathon