當(dāng)前位置：講座視頻網(wǎng)首頁(yè) > 電腦辦公軟件教程 > 名網(wǎng)教程 > 【在線網(wǎng)課】如何用組件方式開發(fā) Web App全站

【在線網(wǎng)課】如何用組件方式開發(fā) Web App全站

Time：2018-05-20

大�。�4.23 GB (22)

方式：百度網(wǎng)盤觀看下載

Tags：

課程教程視頻內(nèi)容簡(jiǎn)介

如何用組件方式開發(fā) Web App全站

Web App用組件方式開發(fā)全站

不僅刷爆朋友圈，HTML5確實(shí)可以讓人更好的看清數(shù)據(jù)的真相

第1章課程前期準(zhǔn)備

在學(xué)習(xí)正式課程之前了解下“WEB項(xiàng)目開發(fā)流程”以及在“流程中的角色”。

第2章前端開發(fā)簡(jiǎn)介及標(biāo)注與切圖

本章節(jié)對(duì)本項(xiàng)目前端開發(fā)具體做什么做了簡(jiǎn)單介紹，并帶領(lǐng)用戶進(jìn)行 psd 圖標(biāo)注與切圖。

第3章項(xiàng)目 JS 類開發(fā)

本章節(jié)講師會(huì)帶你規(guī)劃和開發(fā) JS 項(xiàng)目所用的“通用圖文組件“- H5ComponentBase 和“內(nèi)容組織功能類“ - H5。

第4章圖表組件-散點(diǎn)圖組件開發(fā)

講師先對(duì)圖片組件做整體介紹，然后手把手帶你詳細(xì)開發(fā)散點(diǎn)圖組件，直到你能夠獨(dú)自完成。

第5章圖表組件-柱狀圖組件開發(fā)

先跟著講師學(xué)開發(fā)水平柱圖，逐步掌握水平柱圖原理，然后自己獨(dú)立開發(fā)垂直柱圖。

第6章圖表組件-折線圖開發(fā)

講師先帶你使用 Canvas 開發(fā)折線圖，從中掌握折線圖的生長(zhǎng)動(dòng)畫原理，然后真正參與到項(xiàng)目實(shí)戰(zhàn)中，獨(dú)立完成改變生長(zhǎng)動(dòng)畫的任務(wù)。

第7章圖表組件-雷達(dá)圖開發(fā)

已經(jīng)掌握折線圖開發(fā)的你，跟著講師的教學(xué)練習(xí)節(jié)奏，完成使用 Canvas 來完成雷達(dá)圖的開發(fā)也是 So easy。

第8章圖表組件-餅狀圖開發(fā)

本章節(jié)向你揭示餅狀圖的開發(fā)原理，在章節(jié)的結(jié)束你就可以獨(dú)立開發(fā)完成環(huán)狀圖開發(fā)了。

第9章項(xiàng)目前端頁(yè)面整合開發(fā)

前面章節(jié)的學(xué)習(xí)積累很重要！這一節(jié)講師就會(huì)帶你把前面各個(gè)開發(fā)出來的頁(yè)面整合在一起，你會(huì)感覺到前面類開發(fā)的好處，可以減少很多代碼的量。

第10章課程擴(kuò)展

有問題需要解決？隨時(shí)在問答區(qū)提出來！講師會(huì)把大家典型的問題做指點(diǎn)和解惑，比如餅狀圖項(xiàng)目文本發(fā)生重疊的解決方法等；最后還帶著你把項(xiàng)目最后首頁(yè)的 Loading 功能完成。

第11章大任務(wù)-綜合實(shí)戰(zhàn)

實(shí)踐大作業(yè)環(huán)節(jié)！檢查你學(xué)習(xí)效果的時(shí)候到了：你完成項(xiàng)目任務(wù)后如果想知道自己的項(xiàng)目代碼寫得如何，可以申請(qǐng)代碼點(diǎn)評(píng)。授課講師將會(huì)點(diǎn)評(píng)你的代碼，幫你查漏補(bǔ)缺。

158資源整合網(wǎng)：提供各類學(xué)習(xí)資源，名師講座視頻，培訓(xùn)課程視頻，音頻，文檔等···各類教程下載觀看。

推薦：只需￥98 充值開通（終身VIP會(huì)員）就可以終身免費(fèi)下載學(xué)習(xí)全部資源，非常超值！【點(diǎn)擊立即開通】

或者【點(diǎn)擊咨詢客服】開通 ··· 更多名師講座內(nèi)容，點(diǎn)擊網(wǎng)站首頁(yè) m.yuandun520.cn 查看

立即下載查看所有學(xué)習(xí)資源