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