WEB高級框架)
一、Vue.js
1.Vue.js簡介與安裝,初始化Vue實例
2.Vue三大基礎語法:數(shù)據(jù)綁定,列表渲染,條件渲染
3.監(jiān)聽屬性與偵聽器?？焖賹崿F(xiàn)購物車中的總價,總數(shù)的計算
隨堂練習:實現(xiàn)購物車的三部曲
1.生命周期的鉤子函數(shù)(vue頁面的4個關鍵階段)
2.自定義組件開發(fā),數(shù)據(jù)的傳遞與自定義事件
3.過渡與動畫,數(shù)據(jù)請求工具axios的使用
隨堂練習:用戶是怎么把商品加入購物車,Sku商品規(guī)格
1.腳手架vue-cli,搭建項目的基礎骨架.了解大型網(wǎng)站項目是如何誕生的
2.路由router,網(wǎng)站頁面間是如何跳轉的.了解為什么現(xiàn)在的網(wǎng)頁都沒有.html了
3.狀態(tài)管理vuex,全局管理及維護網(wǎng)站的簡單數(shù)據(jù).讓學員明白網(wǎng)站為什么可以1個月都不用自己登錄
4.自動打包工具webpack.掌握完成的項目是如何發(fā)布到正式環(huán)境的
1.路由簡介,兩大常規(guī)路由操作:動態(tài)路由,嵌套路由.掌握企業(yè)(電商)后臺網(wǎng)站的布局及跳轉方法
2.編程式導航,實現(xiàn)頁面跳轉的兩種操作方法:聲明式和編程式
3.命名路由與命名視圖,路由的傳參. 掌握從商品列表跳轉到商品詳情頁如何顯示對應的數(shù)據(jù)及評論
4.導航守衛(wèi).掌握淘寶在搜索商品前必須先登錄的功能實現(xiàn)
1.什么是Vuex,Vue.js的狀態(tài)管理模式
2.Vuex的五個核心屬性:state, getters, mutations, actions, modules
3.通過學習vuex 掌握初步的網(wǎng)站1個月免登錄功能實現(xiàn)。
商城項目實訓:1.搭建vue開發(fā)環(huán)境 2.商城首頁 3.商品詳情頁 4.購物車 5.個人中心 6.商品分類 7.用戶登錄 8.商城打包上線。
1.elment-ui簡介,安裝element-ui
2.主題設置,常用組件
3.element-admin 后臺管理項目系統(tǒng)實踐
獨立項目實訓
基于MUI實訓中學員的項目,獨立開發(fā)
使學員能夠在獨立的服務器中進行演示,符合就業(yè)要求
1.Vue3.0新特新介紹、組合api、setup,reactive,ref等
二、React.js
1.react.js簡介,開發(fā)環(huán)境腳手架的搭建.
2.基礎概念介紹,遍歷數(shù)組,實現(xiàn)一個vue的v-model功能
3.樣式綁定,組件的開發(fā),屬性與自定義事件。
隨堂練習:餓了么點餐項目實戰(zhàn)
階段考核:教師指導你完成階段作品,以備應聘時使用;從立案到素材、材料收集整理,再到風格定位、欄目規(guī)劃,獨立完成項目作品,其中需容入不同的分類信息、作品等;