模塊化 1.作用域回顧2.模塊3.私有屬性與公有屬性4.模塊擴展5.Commonjs規(guī)范6.Requirejs引入7.Requirejs的使用8.Requirejs的shim模塊9.Requirejs應用-音樂列表播放 1.掌握作用域
2.掌握模塊的定義規(guī)范與使用
3.了解私有與公有概念
4.掌握Commonjs規(guī)范
5.掌握Requirejs的應用
Nodejs與Express 1.安裝Node于CMD命令2.Node創(chuàng)建服務器3.Node相關(guān)操作4.Commonjs規(guī)范5.Express安裝6.Server基本操作7.Express路由基礎(chǔ)8.Express路由配置9.Express路由應用10.實現(xiàn)前后端交互11.Post參數(shù)請求12.Get參數(shù)請求13.JSONP跨域處理14.過濾數(shù)據(jù)15.Nodejs鏈接數(shù)據(jù)庫16.Server增刪改查 1.了解Nodejs
2.獨立安裝Nodejs環(huán)境
3.熟悉CMD命令行操作
4.掌握Express安裝
5.掌握Express路由的應用
6.掌握請求方式POST與GET
7.掌握JSONP的使用
8.掌握數(shù)據(jù)過濾
9.掌握數(shù)據(jù)庫基本操作
10.掌握鏈接數(shù)據(jù)
11.掌握服務器端搭建
ECMAScript6 1.babel轉(zhuǎn)換器2.Let和Const命令3.字符串擴展4.解構(gòu)賦值5.Object擴展6.Array擴展7.Function擴展8.Class類9.類的繼承Extends10.Promise11.Module模塊 1.掌握ES6與ES5的區(qū)別
2.掌握babel轉(zhuǎn)換器的使用
3.掌握ES6聲明新特性
5.掌握數(shù)組，對象，字符串函數(shù)的擴展
6.掌握箭頭函數(shù)的應用
7.掌握Class類的聲明
8.掌握繼承的實現(xiàn)
9.掌握Promise的使用
10.掌握Module模塊的使用
CSS預處理語言Less 1.Less環(huán)境搭建與編譯2.Less服務器端渲染3.Sublime Text安裝插件4.Less語法-變量、混合、嵌套5.Less語法-計算、函數(shù)6.Less語法-繼承、引導判斷7.Sass使用 1.了解CSS預處理語言的優(yōu)勢
2.掌握Less環(huán)境搭建
3.了解Less的服務器端渲染
4.掌握Less的使用語法
5.掌握Sass的基本使用
構(gòu)建工具之Gulp 1.Gulp環(huán)境搭建2.Gulp壓縮JavaScript3.Gulp壓縮CSS4.Gulp壓縮HTML5.Gulp壓縮Image6.Gulp壓縮合并重命名7.Gulp監(jiān)聽8.Gulp打包處理9.Gulp熱更新 1.掌握構(gòu)建工具的作用
2.了解工程化概念
3.掌握Gulp的環(huán)境搭建
4.掌握Gulp的壓縮操作（js、css、html、image）
5.掌握壓縮合并重命名系列操作
6.掌握Gulp監(jiān)聽提高工作效率
7.掌握熱更新提升開發(fā)者體驗
構(gòu)建工具之Webpack 1.Webpack3.x安裝2.Webpack config配置文件3.Webpack服務器搭建4.Webpack Loaders配置5.Webpack構(gòu)建React環(huán)境6.Webpack處理CSS和圖片7.Webpack Less-loader添加8.Webpack插件添加9.Webpack生產(chǎn)環(huán)境10.Webpack4.x版本升級 1.掌握目前前端工程化方式
2.掌握Webpack3.x環(huán)境搭建
3.掌握Webpack配置文件編寫
4.掌握Webpack Loaders的配置
5.掌握Webpack獨立構(gòu)建React環(huán)境
6.掌握Webpack的配置文件修改
7.掌握Webpack插件的添加
8.掌握Webpack生產(chǎn)環(huán)境
9.掌握Webpack4.x版本迭代升級
React 1.Hello React基礎(chǔ)2.JSX語法解析3.React基礎(chǔ)組件4.React組件嵌套5.組件數(shù)據(jù)交互Props6.樣式添加與事件7.React State狀態(tài)8.State和Props9.組件生命周期函數(shù)10.Form表單和ref11.Fetch網(wǎng)絡請求12.封裝Http網(wǎng)絡請求13.Mock數(shù)據(jù)模擬Node服務器14.網(wǎng)絡請求跨域代理配置15.引入Antd UI框架16.Antd樣式應用17.Antd樣式修改18.Router3.x引入19.Router3.x路由嵌套20.Router3.x路由參數(shù)傳遞21.Router4.x路由升級22.React腳手架23.React修改腳手架配置24.React引入字體圖標 1.掌握React基礎(chǔ)語法
2.了解React的優(yōu)勢
3.掌握React的組件交互
4.掌握React組件的的生命周期
5.掌握React的網(wǎng)絡請求fetch
6.掌握數(shù)據(jù)模擬方式Mock
7.掌握React路由的應用
8.掌握Antd UI組件的使用
9.掌握React腳手架的使用
React項目實戰(zhàn)-新聞類型 1.News-環(huán)境搭建2.News-響應式設(shè)計3.News-路由配置4.News-引入Antd樣式5.News-適配移動端6.News-登錄UI實現(xiàn)7.News-登錄接口實現(xiàn)8.News-登錄功能實現(xiàn)9.News-本地存儲10.News-功能模塊實現(xiàn) 本項目根據(jù)新聞類接口實現(xiàn)新聞類站點與APP的常見形式展示，項目專注于練習React基礎(chǔ)的應用，組件的創(chuàng)建分離與嵌套，實現(xiàn)登錄注冊等功能。同時針對移動端和PC端實現(xiàn)響應式設(shè)計。
React-Redux 1.Redux基礎(chǔ)2.Redux原理3.React-Redux引入4.React-Redux共享數(shù)據(jù)5.React-Redux應用場景 1.掌握React-Redux應用場景
2.掌握React-Redux的實現(xiàn)
3.掌握React-Redux的原理
React項目實戰(zhàn)-O2O類 1.環(huán)境搭建-添加Less環(huán)境2.環(huán)境搭建-路由功能實現(xiàn)3.環(huán)境搭建-全局樣式與字體圖標4.首頁-頭部實現(xiàn)5.首頁-輪播導航實現(xiàn)6.首頁-超值特惠廣告服務器端實現(xiàn)7.首頁-超值特惠前端訪問實現(xiàn)8.首頁-超值特惠前端UI實現(xiàn)9.首頁-推薦列表數(shù)據(jù)獲取10.首頁-推薦列表數(shù)據(jù)加載11.首頁-推薦列表加載更多數(shù)據(jù)12.首頁-推薦列表加載更多實現(xiàn)13.首頁-推薦列表滾動加載14.首頁-底部導航15.城市-路由配置16.城市-Header17.城市-當前城市18.城市-城市信息Redux添加19.城市-Redux數(shù)據(jù)共享20.城市-城市選擇21.城市-城市修改22.城市-城市本地存儲23.城市-根據(jù)城市適配數(shù)據(jù)24.搜索-路由配置25.搜索-服務器模擬數(shù)據(jù)26.搜索-SearchHeader組件27.搜索-搜索數(shù)據(jù)獲取28.搜索-搜索頁面UI適配29.搜索-重復搜索處理30.詳情-路由配置31.詳情-服務器端數(shù)據(jù)適配32.詳情-詳情數(shù)據(jù)適配33.詳情-添加星星34.詳情-商品評論35.登錄-路由配置36.登錄-判斷用戶登錄37.登錄-登錄實現(xiàn)38.登錄-登錄驗證39.購買與收藏-購買功能40.購買與收藏-解決路由參數(shù)問題41.購買與收藏-收藏按鈕添加42.購買與收藏-Store添加Redux43.購買與收藏-收藏功能實現(xiàn)44.用戶中心-個人信息加載45.用戶中心-訂單加載46.用戶中心-訂單信息優(yōu)化47.評論-添加評論狀態(tài)48.評論-添加完整流程49.評論-評論提交 本項目為目前常見O2O類項目的展示形式與功能，項目主要包含功能有首頁展示，城市切換，搜索實現(xiàn)，詳情展示，登錄與注冊，購買與收藏業(yè)務，用戶中心和評論等功能。主要針對學者練習React基礎(chǔ)應用和React高級組件的創(chuàng)建，React中使用Redux掌握應用場景，并且熟悉項目業(yè)務邏輯的實現(xiàn)，更快更合適宜的接入企業(yè)級項目。
Vue 1.Vue環(huán)境搭建2.Vue基本指令3.Vue事件處理4.Vue計算屬性5.Vue的Class與Style樣式6.Vue的表單與偵聽器7.Vue的基本組件8.Vue的組件之間數(shù)據(jù)交互9.Vue組件加載的keep-alive10.Vue的Props驗證11.Vue組件深入12.Vue 插槽13.Vue實例生命周期14.Vue過渡與動畫15.Vue自定義指令16.Vue過濾17.Vue網(wǎng)絡請求Axios18.Vue Axios請求應用19.Vue Axios常用配置20.Vue 跨域處理21.Vue路由基礎(chǔ)22.Vue路由跳轉(zhuǎn)23.Vue路由嵌套24.Vue編程式導航25.Vue路由參數(shù)傳遞26.Vue路由雜項27.Vue路由高亮28.Vue路由實例29.Vue Element UI組件30.Swiper組件應用31.VueX引入32.Vue-VueX-創(chuàng)建Store倉庫33.Vue-VueX-狀態(tài)更改34.Vue-VueX-getters過濾35.Vue-VueX-Actions異步處理36.Vue-VueX-Module 1.掌握Vue環(huán)境搭建
2.掌握Vue框架的優(yōu)點
3.掌握Vue基礎(chǔ)語法
4.掌握Vue常見API
5.掌握Vue組件的使用
6.掌握Vue組件的生命周期
7.掌握Vue網(wǎng)絡請求Axios
8.掌握Vue的路由使用
9.掌握Vue中常見第三方組件使用
10.掌握VueX的引入
11.了解VueX的應用長江
12.掌握VueX在項目中的實現(xiàn)
Vue實戰(zhàn)項目-移動端-VueMusic
1.VueMusic-首頁-路由配置
2.VueMusic-今日推薦-數(shù)據(jù)獲取
3.VueMusic-今日推薦-視圖適配
4.VueMusic-首頁-視圖適配
5.VueMusic-首頁-音樂榜單
6.VueMusic-首頁-熱門榜單
7.VueMusic-更多-數(shù)據(jù)適配8.VueMusic-更多-下拉刷新
9.VueMusic-播放-路由配置
10.VueMusic-播放-播放功能
11.VueMusic-播放-歌詞加載
12.VueMusic-播放-歌詞適配
13.VueMusic-播放-歌詞滾動
14.VueMusic-歌手-歌手列表
15.VueMusic-搜索-搜索實現(xiàn)16.VueMusic-測試-真機測試 本項目為音樂類項目，主要實現(xiàn)音樂首頁展示，今日推薦類別，歌曲列表，歌曲播放及歌手列表和搜索功能。主要練習Vue的基礎(chǔ)應用和組件如何設(shè)計。項目如何構(gòu)架與測試。通過本項目可以讓學者更快的熟悉Vue框架的使用。并且熟練的構(gòu)建整個項目需求的架構(gòu)。
Vue實戰(zhàn)項目-PC 1.Vue-VuePC-環(huán)境搭建2.Vue-VuePC-導航實現(xiàn)3.Vue-VuePC-輪播圖添加4.Vue-VuePC-列表數(shù)據(jù)5.Vue-VuePC-詳情頁6.Vue-VuePC-自定義組件7.Vue-VuePC-訂單詳情8.Vue-VuePC-Vuex引入9.Vue-VuePC-Vuex訂單共享10.Vue-VuePC-打包環(huán)境 本項目與上面的移動端項目類似，但是針對的是PC端類展示產(chǎn)品，包含功能有導航，輪播圖，數(shù)據(jù)列表，詳情頁，訂單頁和購買功能。通過本項目讓學者快速掌握此類項目的常見功能和功能的業(yè)務邏輯實現(xiàn) |
合作伙伴與授權(quán)機構(gòu)
總部李老師
