課程介紹
05分鐘28秒課程安排
01分鐘32秒WEB專案開發流程介紹
04分鐘12秒開發角色縮寫簡介.
02分鐘09秒產品設計
03分鐘48秒開發規劃
04分鐘45秒前端開發內容介紹
01分鐘54秒標註簡介
02分鐘19秒標註
15分鐘41秒切圖（一）
09分鐘19秒切圖（二）
07分鐘06秒靜態頁想法驗證-fullPage.js建立一個簡單切換頁面
12分鐘28秒靜態頁思路驗證-元件切換
14分鐘02秒JS類規劃
05分鐘53秒通用圖文元件類別-H5ComponentBase（開發準備）
05分鐘44秒通用圖文組件類別-H5ComponentBase（參數設定）
16分鐘26秒CSS樣式規劃
03分鐘32秒通用圖文元件類別-H5ComponentBase（接受 onLoad、onLeave事件）
內容組織類別-H5（addPage方法）
17分鐘23秒內容組織類別-H5（addComponent方法）
10分鐘56秒內容組織類別-H5（整合fullPage.js）
圖表組件開發介紹
03分鐘20秒散點圖原理分析
03分鐘00秒散佈圖開發(散佈圖的比例值、顏色設定)
15分鐘49秒散點圖開發(位置設定)
10分鐘29秒長條圖開發簡介
02分鐘39秒水平柱狀圖開發（HTML的DOM搭建）
18分鐘39秒水平柱狀圖開發（CSS樣式編寫）
水平柱圖開發（生長動畫製作）
折線圖建構折線圖組件環境
折線圖畫布
05分鐘37秒折線圖繪製網格線
折線圖畫點
折線圖連線繪製數據
折線圖繪製陰影
繪製項目名稱
折線動畫
項目名稱動畫
雷達圖開發（設計說明）
雷達圖開發（背景層開發）
17分鐘49秒雷達圖開發（資料層開發）
雷達圖開發（專案文本修正、生長動畫）
10分鐘05秒餅圖開發（繪製餅畫準備）
06分鐘12秒餅圖開發（繪製圓餅圖）
圓餅圖開發（繪製圓餅圖動畫）
03分鐘40秒餅圖開發（專案文字注入）
09分鐘32秒前端整合開發介紹
03分鐘40秒前端整合開發準備
圖文組件頁開發（首頁整合開發）
圖文組件頁開發（整合內容填充）
圖文組件頁開發（尾頁整合開發）
圖表組件頁整合開發（一）
圖表組件頁整合開發（二）
圖表組件頁整合開發（三）
圖表組件頁整合開發（四）
Loading 效果（簡介）
04分鐘37秒Loading 效果（HTML 結構搭建及 CSS 樣式設定）
09分鐘45秒Loading 效果（JS 腳本編寫）
16分鐘10秒餅圖文字重排（簡介）
08分鐘18秒圓餅圖文字重排（相交判定）
12分鐘52秒圓餅圖文字重排（重排）
14分鐘07秒Ajax 取得 JSON 資料(上)
05分鐘51秒Ajax取得 JSON 資料(下)
13分鐘32秒
