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