第1章 課程前期準(zhǔn)備
在學(xué)習(xí)正式課程之前了解下“WEB項(xiàng)目開(kāi)發(fā)流程”以及在“流程中的角色”。
第2章 前端開(kāi)發(fā)簡(jiǎn)介及標(biāo)注與切圖
本章節(jié)對(duì)本項(xiàng)目前端開(kāi)發(fā)具體做什么做了簡(jiǎn)單介紹盒让，并帶領(lǐng)用戶進(jìn)行 psd 圖標(biāo)注與切圖快毛。
第3章 項(xiàng)目 JS 類(lèi)開(kāi)發(fā)
本章節(jié)講師會(huì)帶你規(guī)劃和開(kāi)發(fā) JS 項(xiàng)目所用的“通用圖文組件“- H5ComponentBase 和“內(nèi)容組織功能類(lèi)“ - H5佑力。
第4章 圖表組件-散點(diǎn)圖組件開(kāi)發(fā)
講師先對(duì)圖片組件做整體介紹就乓，然后手把手帶你詳細(xì)開(kāi)發(fā)散點(diǎn)圖組件坝茎，直到你能夠獨(dú)自完成片部。
第5章 圖表組件-柱狀圖組件開(kāi)發(fā)
先跟著講師學(xué)開(kāi)發(fā)水平柱圖镣衡，逐步掌握水平柱圖原理，然后自己獨(dú)立開(kāi)發(fā)垂直柱圖档悠。
第6章 圖表組件-折線圖開(kāi)發(fā)
講師先帶你使用 Canvas 開(kāi)發(fā)折線圖廊鸥，從中掌握折線圖的生長(zhǎng)動(dòng)畫(huà)原理，然后真正參與到項(xiàng)目實(shí)戰(zhàn)中辖所，獨(dú)立完成改變生長(zhǎng)動(dòng)畫(huà)的任務(wù)惰说。
第7章 圖表組件-雷達(dá)圖開(kāi)發(fā)
已經(jīng)掌握折線圖開(kāi)發(fā)的你，跟著講師的教學(xué)練習(xí)節(jié)奏缘回，完成使用 Canvas 來(lái)完成雷達(dá)圖的開(kāi)發(fā)也是 So easy吆视。
第8章 圖表組件-餅狀圖開(kāi)發(fā)
本章節(jié)向你揭示餅狀圖的開(kāi)發(fā)原理，在章節(jié)的結(jié)束你就可以獨(dú)立開(kāi)發(fā)完成環(huán)狀圖開(kāi)發(fā)了酥宴。
第9章 項(xiàng)目前端頁(yè)面整合開(kāi)發(fā)
前面章節(jié)的學(xué)習(xí)積累很重要啦吧！這一節(jié)講師就會(huì)帶你把前面各個(gè)開(kāi)發(fā)出來(lái)的頁(yè)面整合在一起，你會(huì)感覺(jué)到前面類(lèi)開(kāi)發(fā)的好處幅虑，可以減少很多代碼的量丰滑。
第10章 課程擴(kuò)展
有問(wèn)題需要解決？隨時(shí)在問(wèn)答區(qū)提出來(lái)倒庵！講師會(huì)把大家典型的問(wèn)題做指點(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)目代碼寫(xiě)得如何，可以申請(qǐng)代碼點(diǎn)評(píng)绍申。授課講師將會(huì)點(diǎn)評(píng)你的代碼噩咪，幫你查漏補(bǔ)缺。
