
曙海教學(xué)優(yōu)勢(shì)
該課程,秉承21年教學(xué)品質(zhì),以項(xiàng)目實(shí)現(xiàn)為導(dǎo)向,面向企事業(yè)單位項(xiàng)目實(shí)際需求,講師將會(huì)與您分享設(shè)計(jì)的全流程以及工具的綜合使用技巧與經(jīng)驗(yàn)。課程可定制,線下/線上/上門皆可,全國(guó)免費(fèi)報(bào)名熱線:4008699035。
曙海培訓(xùn)的課程培養(yǎng)了大批受企業(yè)歡迎的工程師。大批企業(yè)和曙海
建立了良好的合作關(guān)系,合作企業(yè)三十多萬(wàn)家。曙海的課程得到業(yè)內(nèi)企事業(yè)單位廣泛贊譽(yù)。
Vue2.0項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā)培訓(xùn)課程,vue2.0培訓(xùn)
?
課程目標(biāo):
?
通過(guò)該課程的學(xué)習(xí),學(xué)員應(yīng)能夠掌握Vue 2.0的主要功能與應(yīng)用場(chǎng)景。能結(jié)合知識(shí)解決各種復(fù)雜的前端項(xiàng)目開(kāi)發(fā)問(wèn)題。能開(kāi)發(fā)基于網(wǎng)頁(yè)的移動(dòng)應(yīng)用。能構(gòu)建環(huán)境并測(cè)試自己的代碼,并打包與發(fā)布自己的項(xiàng)目。
?
課程大綱:
?
|
主題 |
內(nèi)容 |
|
? ? ? Vue基礎(chǔ) |
1.前端介紹及主要應(yīng)用場(chǎng)景 2.三大前端框架的簡(jiǎn)單介紹與優(yōu)缺點(diǎn) 3.Node.js簡(jiǎn)介和安裝及注意事項(xiàng) 4.教學(xué)用的起始工程安裝 5.Hello?World 6.實(shí)例生命周期 7.模板語(yǔ)法:插值 8.模板語(yǔ)法:指令 9.模板語(yǔ)法:縮寫(xiě) 10.計(jì)算屬性 11.偵聽(tīng)器 12.Class 與 Style 綁定 13.條件渲染 14.列表渲染 15.事件處理 16.表單輸入綁定 |
|
? ? Vue組件 |
1.組件的介紹 2.基本示例 3.組件注冊(cè)-全局注冊(cè) 4.組件注冊(cè)-局部注冊(cè) 5.組件注冊(cè)-模塊系統(tǒng) 6.Prop 類型 7.傳遞靜態(tài)或動(dòng)態(tài) Prop 8.單向數(shù)據(jù)流 9.Prop 驗(yàn)證 10.自定義事件-自定義組件的 v-model 11.自定義事件-將原生事件綁定到組件 12.插槽常用方法 13.動(dòng)態(tài)組件 |
|
? ? Vue路由 ? |
1.路由基礎(chǔ) 2.起步 3.動(dòng)態(tài)路由匹配-響應(yīng)路由參數(shù)的變化 4.動(dòng)態(tài)路由匹配-捕獲所有路由或 404 Not found 路由 5.動(dòng)態(tài)路由匹配-匹配優(yōu)先級(jí) 6.嵌套路由 7.代碼控制路路由/命名路由 8.命名視圖 9.重定向和別名 10.路由組件傳參 12.過(guò)渡動(dòng)效-單個(gè)路由的過(guò)渡 13.過(guò)渡動(dòng)效-基于路由的動(dòng)態(tài)過(guò)渡 14.路由元信息 15.路由懶加載 |
|
? ? Vue進(jìn)階 ? |
1.?混入-基礎(chǔ) 2.?混入-選項(xiàng)合并 3.?混入-全局混入 4.?過(guò)濾器 5.?渲染函數(shù) 6.?JSX 7.?自定義指令 8.?插件的實(shí)現(xiàn) |
|
Vue狀態(tài)管理 |
1.?什么是狀態(tài)管理 2.?狀態(tài)管理原則 3.?安裝 4.?簡(jiǎn)單實(shí)例 5.?核心概念-State 6.?核心概念-Getters 7.?核心概念-Mutations 8.?核心概念-Actions 9.?核心概念-Modules 10.?項(xiàng)目結(jié)構(gòu) 11.?插件 12.?表單處理 |
|
異步編程 ? |
1.?同步與異步 2.?回調(diào)函數(shù)(Callback) 3.?事件監(jiān)聽(tīng) 4.?發(fā)布訂閱 5.?Promise 6.?async/await 7.?異步調(diào)用與跨域問(wèn)題的解決方式 8.?Axios的介紹 9.?Axios實(shí)際使用案例 |
|
Vue實(shí)例演示 |
1.?實(shí)例功能介紹 2.?element ui介紹與安裝 3.?狀態(tài)管理 4.?數(shù)據(jù)中心 5.?登錄頁(yè)面 |
|
Vue實(shí)例演示 |
6.?用戶管理頁(yè)面 7.?Bug顯示頁(yè)面 8.?錄入bug 9.?bug狀態(tài)修改 10.?發(fā)布 |
|
移動(dòng)端開(kāi)發(fā)基礎(chǔ) |
1.?移動(dòng)端開(kāi)發(fā)與桌面開(kāi)發(fā)的異同 2.?移動(dòng)端的網(wǎng)頁(yè) 3.?響應(yīng)式頁(yè)面的開(kāi)發(fā)原理 4.?基于element ui開(kāi)發(fā)響應(yīng)式頁(yè)面 5.?修改實(shí)戰(zhàn)項(xiàng)目,支持響應(yīng)式頁(yè)面 |
|
vue打包與發(fā)布 |
6.?繼續(xù)修改實(shí)戰(zhàn)項(xiàng)目,支持響應(yīng)式頁(yè)面 7.?Vue CLI 8.?webpack基礎(chǔ) 9.?打包功能(html, css, js) 10.?熱加載 11.?發(fā)布 12.?布署 |
?
?