WebApp用組件方式開發全站

第1章 課程前期準備
在學習正式課程以前瞭解下「WEB項目開發流程」以及在「流程中的角色」。

第2章 前端開發簡介及標註與切圖
本章節對本項目前端開發具體作什麼作了簡單介紹,並帶領用戶進行 psd 圖標註與切圖。

第3章 項目 JS 類開發
本章節講師會帶你規劃和開發 JS 項目所用的「通用圖文組件「- H5ComponentBase 和「內容組織功能類「 - H5。

第4章 圖表組件-散點圖組件開發
講師先對圖片組件作總體介紹,而後手把手帶你詳細開發散點圖組件,直到你可以獨自完成。

第5章 圖表組件-柱狀圖組件開發
先跟着講師學開發水平柱圖,逐步掌握水平柱圖原理,而後本身獨立開發垂直柱圖。

第6章 圖表組件-折線圖開發
講師先帶你使用 Canvas 開發折線圖,從中掌握折線圖的生長動畫原理,而後真正參與到項目實戰中,獨立完成改變生長動畫的任務。

第7章 圖表組件-雷達圖開發
已經掌握折線圖開發的你,跟着講師的教學練習節奏,完成使用 Canvas 來完成雷達圖的開發也是 So easy。

第8章 圖表組件-餅狀圖開發
本章節向你揭示餅狀圖的開發原理,在章節的結束你就能夠獨立開發完成環狀圖開發了。

第9章 項目前端頁面整合開發
前面章節的學習積累很重要!這一節講師就會帶你把前面各個開發出來的頁面整合在一塊兒,你會感受到前面類開發的好處,能夠減小不少代碼的量。

第10章 課程擴展
有問題須要解決?隨時在問答區提出來!講師會把你們典型的問題作指點和解惑,好比餅狀圖項目文本發生重疊的解決方法等;最後還帶着你把項目最後首頁的 Loading 功能完成。

第11章 大任務-綜合實戰
實踐大做業環節!檢查你學習效果的時候到了:你完成項目任務後若是想知道本身的項目代碼寫得如何,能夠申請代碼點評。授課講師將會點評你的代碼,幫你查漏補缺。html

 

下載地址:百度網盤下載前端

相關文章
相關標籤/搜索