第3階段 H5進(jìn)階和JS中級(jí)進(jìn)階和前端工程化
HTML5+CSS3高級(jí)新特性
課程內(nèi)容
掌握LocalStorage和SessionStorage、視頻和音頻,Web字體的使用,掌握過渡,動(dòng)畫,變形等實(shí)現(xiàn)各種絲滑流暢的*交互
Flex布局和移動(dòng)端適配
課程內(nèi)容
Flex布局完美適配各個(gè)終端,掌握業(yè)界主流的響應(yīng)式布局方案
項(xiàng)目實(shí)戰(zhàn)
京東移動(dòng)端 、淘寶移動(dòng)端 、攜程移動(dòng)端
JS中級(jí)進(jìn)階
課程內(nèi)容
深入函數(shù)細(xì)節(jié)、突破JS數(shù)組的20個(gè)常用方法、玩轉(zhuǎn)合并對(duì)象和各種循環(huán)對(duì)象、深入BOM的hashchange和pushState
項(xiàng)目實(shí)戰(zhàn)
排序、過濾、率先的復(fù)雜動(dòng)態(tài)表格JS實(shí)現(xiàn);復(fù)雜表單的正則驗(yàn)證綜合實(shí)踐
Node模塊化和npm和yarn包管理
課程內(nèi)容
node模塊化,包管理npm和yarn,打包工具webpack,為前端工程化鋪墊
項(xiàng)目實(shí)戰(zhàn)
從零實(shí)現(xiàn)一個(gè)多頁(yè)面打包項(xiàng)目腳手架
Webpack5自動(dòng)構(gòu)建和前端工程化
課程內(nèi)容
webpack5完整學(xué)習(xí),完成從0到1搭建項(xiàng)目工程目錄,支持切換開發(fā)和生產(chǎn)環(huán)境,啟動(dòng)開發(fā)服務(wù)器,打包上線。
項(xiàng)目實(shí)戰(zhàn)
從零實(shí)現(xiàn)一個(gè)多頁(yè)面打包項(xiàng)目腳手架
數(shù)據(jù)可視化Echart
課程內(nèi)容
掌握echarts的各種玩法,高度自定義echarts,實(shí)現(xiàn)常見的前端數(shù)據(jù)可視化
項(xiàng)目實(shí)戰(zhàn)
移動(dòng)端餅圖、折線圖、堆疊條形圖、柱狀圖綜合案例
高德地圖API
課程內(nèi)容
掌握高度地圖API的正確使用方式,實(shí)現(xiàn)定位,繪制圖標(biāo),繪制線條,實(shí)時(shí)繪制運(yùn)動(dòng)軌跡等復(fù)雜交互
Ajax前后端數(shù)據(jù)交互
課程內(nèi)容
前后端數(shù)據(jù)交互技術(shù)ajax,原生Ajax、axios,同步和異步、局部刷新瀏覽器,增強(qiáng)用戶體驗(yàn)