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