JS類與圖表類組件開發(fā)移動端WebApp視頻教程下載

 

 

 

 

課程介紹：

 

此套JS類與圖表類組件開發(fā)移動端WebApp視頻教程主要是以HTML5+組件式開發(fā)讓全站移動開發(fā)更簡單,運用HTML5、CSS3、JS流行技術(shù),采用組件式開發(fā)模式,開發(fā)Web App全站，HTML5與 CSS3、JS 技術(shù)完美結(jié)合，用面向?qū)ο蟮木幊趟季S輕松開發(fā)項目。教程適合有一定自學(xué)能力并對JS高級知識有一定掌握的朋友學(xué)習(xí)。

 

 

JS類與圖表類組件開發(fā)移動端WebApp視頻教程包括：視頻+源碼

 

 

JS類與圖表類組件開發(fā)移動端WebApp視頻教程目錄結(jié)構(gòu)介紹：

 

第1章課程前期準(zhǔn)備
1-1 課程介紹
1-2 課程安排
1-3 WEB項目開發(fā)流程介紹
1-4 開發(fā)角色縮寫簡介
1-5 產(chǎn)品設(shè)計
1-6 開發(fā)規(guī)劃

第2章前端開發(fā)簡介及標(biāo)注與切圖
2-1 前端開發(fā)內(nèi)容介紹
2-2 標(biāo)注簡介
2-3 標(biāo)注
2-4 切圖(一)
2-5 切圖(二)
2-6 MarkMan標(biāo)注PSD文件

第3章項目JS類開發(fā)
3-1 靜態(tài)頁思路驗證-fullPage.js搭建一個簡單切換頁面
3-2 靜態(tài)頁思路驗證-組件切換
3-3 JS類規(guī)劃
3-4 通用圖文組件類-H5ComponentBase (開發(fā)準(zhǔn)備)
3-5 通用圖文組件類-H5ComponentBase (參數(shù)設(shè)置)
3-6 CSS樣式規(guī)劃
3-7 通用圖文組件類-H5ComponentBase (接受 onLoad...
3-8 內(nèi)容組織類-H5 (addPage方法)
3-9 內(nèi)容組織類-H5 (addComponent方法)
3-10 內(nèi)容組織類-H5 (整合fullPage.js)
3-11 升級H5ComponentBase類支持相對定位

第4章圖表組件-散點圖組件開發(fā)
4-1 圖表組件開發(fā)介紹
4-2 散點圖原理分析
4-3 散點圖開發(fā)(散點圖的比例值、顏色設(shè)置)
4-4 散點圖開發(fā)(位置設(shè)置)
4-5 H5ComponentPoint 動畫效果修改

第5章圖表組件-柱狀圖組件開發(fā)
5-1 柱圖開發(fā)簡介
5-2 水平柱圖開發(fā)(HTML的DOM搭建)
5-3 水平柱圖開發(fā)(CSS樣式編寫)
5-4 水平柱圖開發(fā)(生長動畫制作)
5-5 H5ComponentBar擴展,垂直柱圖實現(xiàn)

第6章圖表組件-折線圖開發(fā)
6-1 折線圖搭建折線圖組件環(huán)境
6-2 折線圖畫布
6-3 折線圖繪制網(wǎng)格線
6-4 折線圖畫點
6-5 折線圖連線繪制數(shù)據(jù)
6-6 折線圖繪制陰影
6-7 繪制項目名稱
6-8 折線動畫
6-9 項目名稱動畫

第7章圖表組件-雷達圖開發(fā)
7-1 雷達圖開發(fā)(設(shè)計說明)
7-2 雷達圖開發(fā)(背景層開發(fā))
7-3 雷達圖開發(fā)(數(shù)據(jù)層開發(fā))
7-4 雷達圖開發(fā)(項目文本修正、生長動畫)

第8章圖表組件-餅狀圖開發(fā)
8-1 餅圖開發(fā)(繪制餅畫準(zhǔn)備)
8-2 餅圖開發(fā)(繪制餅圖)
8-3 餅圖開發(fā)(繪制餅圖動畫)
8-4 餅圖開發(fā)(項目文本注入)
8-5 H5ComponentPie 擴展,環(huán)圖實現(xiàn)
8-5 H5ComponentPie 擴展,環(huán)圖實現(xiàn)

第9章項目前端頁面整合開發(fā)
9-1 前端整合開發(fā)介紹
9-2 前端整合開發(fā)準(zhǔn)備
9-3 圖文組件頁開發(fā)(首頁整合開發(fā))
9-4 圖文組件頁開發(fā)(整合內(nèi)容填充)
9-5 圖文組件頁開發(fā)(尾頁整合開發(fā))
9-6 圖表組件頁整合開發(fā)(一)
9-7 圖表組件頁整合開發(fā)(二)
9-8 圖表組件頁整合開發(fā)(三)
9-9 圖表組件頁整合開發(fā)(四)

第10章課程擴展
10-1 Loading 效果(簡介)
10-2 Loading效果(HTML結(jié)構(gòu)搭建及CSS樣式設(shè)置)
10-3 Loading效果(JS腳本編寫)
10-4 餅圖文本重排(簡介)
10-5 餅圖文本重排(相交判定)
10-6 餅圖文本重排(重排)
10-7 ajax獲取json數(shù)據(jù)(上)
10-8 ajax獲取json數(shù)據(jù)(下)

第11章大任務(wù)-綜合實戰(zhàn)
11-1 實現(xiàn)一個完整的手機端數(shù)據(jù)展示報告

 

 

JS類與圖表類組件開發(fā)移動端WebApp視頻教程部分資料截圖展示：