個人時間軸資料視覺化工作坊

學習用由Facebook主導的前端框架React,製作時間軸的資料視覺化。本課程將引導學生了解Reactive程式設計原則,並學會如何讓前端介面與後端資料庫、雲端機器學習服務以應用程式介面(API)溝通,並設計自己的時間軸資料視覺化。

課程對象: (1) 想認識 Web Front-End; JavaScript 初學者,(2) 想開始接觸 React.JS 的設計師,(4) 對資料視覺化有興趣的初學者,(4)需自備Mac or GNU Linux個人電腦一台!Windows也可以但須自行摸索指令

教材及範例程式碼可見:https://github.com/sysrep/time-viz

出席與討論40% 完成project 60% 上課內容 11/10 (五) 10:10-10:30 講師自我介紹、講師的博士計畫介紹 10:40-10:50 DiMe個人資料庫概念 10:50-11:10 學員安裝Java環境、DiMe資料庫、DiMe瀏覽器套件 11:20-11:40 學員安裝Github Atom編輯器及套件、Node.js環境 11:40-12:00 我的第一個React應用程式 13:20-15:20 製作Contrtolled Component 15:30-16:20 呼叫DiMe API 11/11 (六) 10:10-11:00 製作Stateless Functional Component 11:10-12:00 延伸討論Controlled Component 14:20-14:40 製作時間軸 14:50-15:30 基礎自然語言處理 15:40-16:20 利用外部機器學習服務分析資料 16:30-17:20 個別輔導時間 11/17 (五) 10:10-12:00 用CSS裝飾世間軸、如何選擇顏色對應分析結果 13:20-17:20 個別輔導時間 11/18 (六) 14:20-16:20 成果發表與講評

教材及範例程式碼可見:https://github.com/sysrep/time-viz

地點

人社一館 三樓316教室

時間

課前或課後

聯絡方式

上課老師:陳泓翰 <chenhungh@gmail.com> 支援老師:賴雯淑 <wndylai@gmail.com>