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