html5開發行動端數據報告

• 第1章 課程前期準備
• 1-1 課程介紹
• 1-2 課程安排
• 1-3 WEB專案開發流程介紹
• 1-4 開發角色縮寫簡介.
• 1-5 產品設計
• 1-6 開發規劃
• 第2章 前端開發簡介及標註與切圖
• 2-1 前端開發內容介紹
• 2-2 標註簡介
• 2-3 標註
• 2-4 切圖（一）
• 2-5 切圖（二）
• 第3章 專案 JS 類開發
• 3-1 靜態頁想法驗證-fullPage.js建立一個簡單切換頁面
• 3-2 靜態頁思路驗證-元件切換
• 3-3 JS類規劃
• 3-4 通用圖文元件類別-H5ComponentBase（開發準備）
• 3-5 通用圖文組件類別-H5ComponentBase（參數設定）
• 3-6 CSS樣式規劃
• 3-7 通用圖文元件類別-H5ComponentBase（接受 onLoad、onLeave事件）
• 3-8 內容組織類別-H5（addPage方法）
• 3-9 內容組織類別-H5（addComponent方法）
• 3-10 內容組織類別-H5（整合fullPage.js）
• 第4章 圖表組件-散點圖組件開發
• 4-1 圖表組件開發介紹
• 4-2 散點圖原理分析
• 4-3 散佈圖開發(散佈圖的比例值、顏色設定)
• 4-4 散點圖開發(位置設定)
• 第5章 圖表組件-長條圖組件開發
• 5-1 長條圖開發簡介
• 5-2 水平柱狀圖開發（HTML的DOM搭建）
• 5-3 水平柱狀圖開發（CSS樣式編寫）
• 5-4 水平柱圖開發（生長動畫製作）
• 第6章 圖表組件-折線圖開發
• 6-1 折線圖建構折線圖組件環境
• 6-2 折線圖畫布
• 6-3 折線圖繪製網格線
• 6-4 折線圖畫點
• 6-5 折線圖連線繪製數據
• 6-6 折線圖繪製陰影
• 6-7 繪製項目名稱
• 6-8 折線動畫
• 6-9 項目名稱動畫
• 第7章 圖表組件-雷達圖開發
• 7-1 雷達圖開發（設計說明）
• 7-2 雷達圖開發（背景層開發）
• 7-3 雷達圖開發（資料層開發）
• 7-4 雷達圖開發（專案文本修正、生長動畫）
• 第8章 圖表組件-餅狀圖開發
• 8-1 餅圖開發（繪製餅畫準備）
• 8-2 餅圖開發（繪製圓餅圖）
• 8-3 圓餅圖開發（繪製圓餅圖動畫）
• 8-4 餅圖開發（專案文字注入）
• 第9章 專案前端頁面整合開發
• 9-1 前端整合開發介紹
• 9-2 前端整合開發準備
• 9-3 圖文組件頁開發（首頁整合開發）
• 9-4 圖文組件頁開發（整合內容填充）
• 9-5 圖文組件頁開發（尾頁整合開發）
• 9-6 圖表組件頁整合開發（一）
• 9-7 圖表組件頁整合開發（二）
• 9-8 圖表組件頁整合開發（三）
• 9-9 圖表組件頁整合開發（四）
• 第10章 課程擴展
• 10-1 Loading 效果（簡介）
• 10-2 Loading 效果（HTML 結構搭建及 CSS 樣式設定）
• 10-3 Loading 效果（JS 腳本編寫）
• 10-4 餅圖文字重排（簡介）
• 10-5 圓餅圖文字重排（相交判定）
• 10-6 圓餅圖文字重排（重排）
• 10-7 Ajax 取得 JSON 資料(上)
• 10-8 Ajax取得 JSON 資料(下)