JSDC2017
4 - 5 Nov 2017 at College of Social Sciences, NTU

node.js http2 is coming in Node.js v8.x (maybe) , and TurboFan / Ignition Interpreter is also coming in Node v8.x. I would like to introduce about node http2 and turbofan! 1. http2 capability 2. how do we get the http2 benefits 3. Turbofan and Ignition Interpreter 4. performance benchmark

前端框架有如洪水一般滾滾而來，每套框架無不使出全力，不斷進化。當然 Angular 也不惶多讓，今年 10 月 Angular 即將推出全新 v5.0 版本，在新的版本中將帶來更多另人振奮的消息，本次演說將鉅細靡遺帶來 Angular 5 各種全新特性與效能改進，體驗完整的 SPA 網站開發體驗。

在台灣軟體圈耕耘許久，以開發者的身分進入到數位廣告的集團，發現這個生態圈相當具有活力，而且面臨的技術問題也都相當有挑戰。本次講題以開發者的角度切入介紹何謂數位廣告，解釋ㄧ些大眾對於數位廣告的迷思，跟目前遇到的困境，希望能引領各位開發者以不同的觀點看待數位廣告這個生態圈。

Stream 這個資料抽象界面在 Nodejs 中已經為人熟知，現在 WHATWG 也制定了 Streams Spec，在瀏覽器端提供更多有趣的應用。

在 JSDC 講 DevOps 是不是搞錯了什麼？其實，DevOps 並不是只有後端或維運人員能做，因為產品是需要所有人配合才能更快速且兼具品質的上線。來看看講者是如何在前端開發中引入 DevOps 以加速開發流程的吧！（其實是增加工作量... 喂

向量繪圖軟體在桌面應用已經是個相當成熟的應用，但可以在瀏覽器上運作的卻是相對少數。本演講從用 JavaScript 實做一個簡易的向量繪圖編輯器為出發點，帶領大家瞭解如何建構一個向量繪圖軟體。

Building scalable middleware for Whole-of-Government data sharing from sensors in the form of a real-time Sensor Data Exchange, which will incorporate data from public and private sector sensor through the API. This will help reap operational efficiencies in urban planning e.g. for crowd control in public areas, flood monitoring, vehicle congestions.

Isomorphic，或是有人進一步稱之為 Universal，對於 React 開發者來說一直都是一件大家都想嘗試但卻異常困難的事，然而 Next.js 的到來讓這一切都變的輕巧容易。本次講題希望透過介紹 Next.js 這套框架，來讓大家以極簡單的方式建構出強大的 Isomorphic React App，並解析其中的優勢以及分享相關的實際開發經驗。

當原生與H5誰勝誰輸的爭鬥逐漸雖著時間逝去，我們即將迎來一個全新的局面，隨著各項Web規範的成熟，在Mobile與其他載體上，Web逐漸取得更多的話語權了，但卻不是我們曾經所想的那樣零和遊戲般的消長，原生應用與Web逐漸以一種全新的共生型態出現在我們眼前，我將會帶領各位重新的看一下這段發展，並分享我所看到的下一代Web，那寄居於超級原生應用上的Web生態。

這幾年來 JavaScript 有越來越多的語法糖(syntax sugar)像是 async/await, generator 等等，但我們實際上在處理非同步行為時，仍然要透過各種不同的方式；這使我們必須學習越來越多的語法，但程式碼卻更加難以閱讀。本次演講將會說明 RxJS 如何使用相同的方式處理各種非同步行為，以及我們要如何運用 Functional Programming 的觀念把複雜的非同步行為封裝成簡單可讀的程式碼

Intro/motivation/use cases, object basics, creating a data binding library, uses in real web apps

Redux 提供了很好的狀態管理，把所有"修改狀態的 Side Effect" 透過不同的 Action Type 來區分，使我們可以很清楚追蹤狀態的變化歷程；但修改狀態以外的 Side Effect 一直存在著各種不同 Middleware 的解法，像是 Redux-thunk, Redux-promise 和 Redux-saga ... 等。本次分享將會說明 Redux-Observable 如何解決各種 side-effect 難題，以及為什麼我選擇 Redux-Observable。

React Server-side Render (SSR) 一直是麻煩的問題，像是推陳出新的第三方套件支援問題，後端除了 NodeJS 無法使用 SSR，伺服器上使用 SSR 也可能成為瓶頸，另外，現存的解決方案也需要花費不少時間導入，於是，我們團隊開發了 Coren ，在 offline 完成 SSR，在伺服器上不必再面對 React SSR 的種種問題，不但支援多種後端程式語言，也大幅提升在伺服器上的效率．

透過Google Cloud提供的各項服務與工具，讓我們體驗一下使用node.js快速設計、佈建一個IoT服務，讓我們開始IoT吧！

react-native-debugger 是一個主要整合 React Native 內建的 remote debugger 與 redux-devtools-extension 以及 react-devtools，並基於 Electron 的優勢提供更好的功能及細節改善的開發工具，最終目標是在 React Native 中打造出與 React DOM 相同的開發體驗。在這次會分享：* 開發歷程與核心介紹* Features 以及 Debugging 技巧* 這些開發工具是如何整合的？它們如何運作？* 正在進行開發的 Features 以及未來展望* 常見問題與解決方法

VR 的應用已經越來越廣泛於生活中, web 領域當然也不弱人後，今天我們主要分成兩個部分，第一個部分著重在panorama 也就是全景圖的應用當中，開發這樣的VR application要注意哪些事情？第二個部分則直接使用 Vue 結合 aframe 從頭開始實做，讓你我都能輕易進入VR的世界！（第二部分需對 Vue 有初步的了解）

Egg 是阿里巴巴使用的 Node.js 核心基礎框架，通過「微內核 + 插件機制 + 框架定制能力」，完美達成生態共建和差異化定制的平衡點。Egg 已開源近一年，本次分享將介紹 Egg 的設計理念和特點，演示在團隊裏如何漸進式演進，希望能幫助開發者定制適合自己團隊的上層框架，走向企業級開發協作。

比特幣(Bitcoin)是近年火熱的話題，其背後的區塊鏈(Blockchain)技術更是在各應用領域被頻繁地討論，然而當中的實作細節卻鮮少有人分享。為深入瞭解Bitcoin/Blockchain的運作原理，唯有自己走過一遍實作才可窺其堂奧，在本議程中，我將提要Bitcoin/Blockchain開發所需要的知識、技術和工具，用Node.js程式碼來示範，以期盼更多開發者加入研究的行列。

今年春天微軟的 Edge 瀏覽器也開始支援 CSS Custom property 了。就來看看這新鮮玩意可以蹦出什麼火花，又會有何種有趣的應用方式呢

In this session, we will examine how Node.js can be used to generate content (video in our case) and deliver it to the web clients in almost real-time.

你是否曾想過，“要是可以自動重構類似的程式碼就好了”、“唉，現在才知道怎麼寫已經太慢了，寫下的程式碼就這樣吧”、“我的 npm package 已經有很多人在用了，現在如果要大改函式庫介面的話，我的使用者該怎麼升級啊”。有以上這些症狀的朋友們，歡迎來到 jscodeshift 的世界，讓我們看看 jscodeshift 要怎麼幫你實現你內心深處最最渴望的夢想。

Piconion 是一個完全以 JavaScript 打造的專業線上影像處理軟體。提供影像濾鏡、繪圖工具、圖層架構、路徑編輯等等關鍵功能；整合 Google Drive，提供完善的雲端應用體驗；同時擁有如桌面應用般的流暢操作介面。這一切，都依賴最新的 Web 技術來達成！我將在這次的演講中，分享 Piconion 如何吸收、應用核心的 Web 技術，如何在快速變動的大環境中，不斷的精進、改善軟體的功能，並持續保持乾淨俐落的程式架構。

1、集成開發環境@angular/cli。 2、Angular三大核心概念。 3、Angular架構特色。 4、UI庫。

函數式編程（Functional Programming）的技巧在 JavaScript 發展已有段時間： NodeJS 的 callback style、Array 的 map 和 reduce、Promise、Observable、以及 React 等都有函數式編程的觀念在其中。但函數式編成中還有另一更好用的工具：代數資料類型（Algebraic Data Type），它讓我們能用更抽象的語言描述程式，從複雜的邏輯中抽出共用的部分，精練程式碼。Fantasy Land Specification 定義了在函數式編程中常見的各種代數（Algebra），例如 Functor、Applicative、Monad，讓我們用 JavaScript 也能享受函數式編程的美好。

在寫前端測試時，是否發覺 UI 測試很繁瑣？是否發覺非同步測試很複雜？是否發覺衝測試覆蓋率有時候很浪費生命？曾經遇到不知如何測試的程式碼？曾經因此而感到厭世？前端測試是否曾經把你弄得嫑嫑的？ 本議程以 React + Redux 為例，將分享寫測試時常常面臨的挑戰，並介紹當今熱門的測試框架 Jest 如何以優雅的姿態一一擊破這些問題，從如何寫出簡潔易讀的測試碼、如何 Mock 函式或元件、如何測試 Lifecycle Methods、如何測試有Timer (setTimeout) 的程式、如何處理程式裡的隨機值或 Timestamp、如何測試 Called function 所被帶入的參數、如何使用 Snapshot 節省 UI 測試的成本...等各種議題。 最後會進一步分享 Jest 強大的測試覆蓋率輔助工具，並探討測試覆蓋率的效益指標。加碼介紹如何使用 Snapshot serializer 優化測試工作。 讓前端工程師快樂寫測試、輕鬆下班享受生活！

最近在完成了一個滿大的 Node.js API 專案，有不少開發心得與新的經驗，想用輕鬆一點的模式來分享經驗給各位，當然裡面充滿著個人情感與血淚回憶。

近年來前端工具的演進變化快速，這場分享將由 VueJS 出發，除了針對 VueJS 新特性的介紹外，也簡單分析現代前端框架與前端開發生態圈的變化與演進。如 Web component 的崛起、 MV* 框架資料的偵測機制與同步、CSS 的管理、前端語言的預編譯、優化等特性。也希望透過這樣概觀性的介紹，能讓初入前端領域的朋友更快上手，不會感到迷惘。

區塊鍊（Blockchain）是門近來很紅的技術，在實際應用上結合了許多密碼學、演算法、P2P 網路通訊等諸多技術，才讓很多人感覺霧裡看花。但事實上區塊鍊並非這麼神秘又遙不可及，只要有心，人人都可以簡單地用幾行程式，輕易的土炮一條自己的無用區塊鍊。

Lighting Talk