搜尋

下一節: 折线动画1719 次播放

5 秒后自动播放下一节
  重新觀看

html5開發行動端數據報告

介紹 >
章節課件
第1章課程前期準備

課程介紹

05分鐘28秒

課程安排

01分鐘32秒

WEB專案開發流程介紹

04分鐘12秒

開發角色縮寫簡介.

02分鐘09秒

產品設計

03分鐘48秒

開發規劃

04分鐘45秒
第2章前端開發簡介及標註與切圖

前端開發內容介紹

01分鐘54秒

標註簡介

02分鐘19秒

標註

15分鐘41秒

切圖(一)

09分鐘19秒

切圖(二)

07分鐘06秒
第3章專案 JS 類開發

靜態頁想法驗證-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)

第4章圖表組件-散點圖組件開發

圖表組件開發介紹

03分鐘20秒

散點圖原理分析

03分鐘00秒

散佈圖開發(散佈圖的比例值、顏色設定)

15分鐘49秒

散點圖開發(位置設定)

10分鐘29秒
第5章圖表組件-長條圖組件開發

長條圖開發簡介

02分鐘39秒

水平柱狀圖開發(HTML的DOM搭建)

18分鐘39秒

水平柱狀圖開發(CSS樣式編寫)

水平柱圖開發(生長動畫製作)

第6章圖表組件-折線圖開發

折線圖建構折線圖組件環境

折線圖畫布

05分鐘37秒

折線圖繪製網格線

折線圖畫點

折線圖連線繪製數據

折線圖繪製陰影

繪製項目名稱

折線動畫

項目名稱動畫

第7章圖表組件-雷達圖開發

雷達圖開發(設計說明)

雷達圖開發(背景層開發)

17分鐘49秒

雷達圖開發(資料層開發)

雷達圖開發(專案文本修正、生長動畫)

10分鐘05秒
第8章圖表組件-餅狀圖開發

餅圖開發(繪製餅畫準備)

06分鐘12秒

餅圖開發(繪製圓餅圖)

圓餅圖開發(繪製圓餅圖動畫)

03分鐘40秒

餅圖開發(專案文字注入)

09分鐘32秒
第9章專案前端頁面整合開發

前端整合開發介紹

03分鐘40秒

前端整合開發準備

圖文組件頁開發(首頁整合開發)

圖文組件頁開發(整合內容填充)

圖文組件頁開發(尾頁整合開發)

圖表組件頁整合開發(一)

圖表組件頁整合開發(二)

圖表組件頁整合開發(三)

圖表組件頁整合開發(四)

第10章課程擴展

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秒
  • 取消回覆傳送
  • 取消發佈筆記傳送