第一部分 課程大綱
一、培訓簡述
對目前的WEB項目來說,前端已經(jīng)不只是簡單的排版布局,前后端分離已經(jīng)變得越來越流行,越來越多的項目開始向這個方向靠攏。在眾多前端框架中,Vue憑借小巧的外表、優(yōu)雅的代碼結構和全新的MVVM理念,很快成為眾多前端工程師追捧的新寵。
Vue是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層,Vue的目標是通過盡可能簡單的API實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。不僅易于上手,還便于與第三方庫或既有項目整合。另一方面,當與現(xiàn)代化的工具鏈以及各種支持類庫結合使用時,Vue也完全能夠為復雜的單頁應用提供驅動。
本課程以Vue開發(fā)框架為主體,融合了ES6、Vue、WebPack、Element等多個主流的開發(fā)框架,從實戰(zhàn)的角度出發(fā),介紹了不同的開發(fā)框架的原理、配置到高級應用,讓這些框架真正在項目中應用起來。
二、培訓特色
本課程通過培訓使學習者達到如下目標:
1. 掌握組件化、模塊化的開發(fā)方式
2. 掌握 MVVM 的開發(fā)思想
3. 掌握 Vue.js 框架的使用
4. 掌握 Vue-cli 腳手架搭建基本代碼框架
5. 掌握 Vue-router 官方插件管理路由
6. 掌握 Axios Ajax通信
7. 能夠獨立使用 Vue 開發(fā)完整項目
8. 掌握 Vuex 的基本使用和原理
9. 掌握ElementUI及ElementAdmin框架。
三、培訓對象
1.熱愛互聯(lián)網(wǎng),追求極致互聯(lián)網(wǎng)體驗,想從事網(wǎng)頁開發(fā)、Web前端開發(fā)的學員;
2.原從事IT后臺開發(fā),想完美轉型全棧開發(fā)的工程師;
3.沒有計算機基礎,愿意從事IT開發(fā),改變生活現(xiàn)狀,改變命運的學員;
4.開發(fā)人員轉型移動開發(fā)的學員。
四、培訓時長
本次培訓為期2天,6小時/天,共12小時
五、課程大綱
時間 |
內(nèi)容 |
備注 |
第一天
上午 |
ES6 |
- ES6介紹
- ES6新特性
- Let、Const
- 箭頭函數(shù)
- 展開運算符
- 解構賦值
- 數(shù)組方法
- Class
- 模塊化開發(fā)
|
Vue基礎 |
- MVVM前端架構思想
- Vue總體特性
- Vue實例
- 條件渲染
- 列表渲染
- 計算屬性
- Watchers
- 事件處理器
- 事件修飾符
- 樣式綁定
- 表單控件
|
第一天
下午 |
Vue-Cli與組件化 |
- 使用vue-cli
- 組件語法
- 組件生命周期
- vue全局組件
- vue中的局部組件
- vue聲明父子組件
- 父子傳遞數(shù)據(jù)
- 子父傳遞數(shù)據(jù)
- 數(shù)據(jù)同步
- 子組件更改數(shù)據(jù)不同步數(shù)據(jù)
- vue組件自定義事件
|
第二天
上午 |
VueRouter
VueX |
- VueRouter
- 安裝及使用用法
- 嵌套路由
- 路由規(guī)則
- 路由匹配
- 具名路徑
- 路由選項
- Router-view
- V-link
- Vuex
- vuex之state用法
- vuex之getters用法
- vuex之mutations用法
- vuex之a(chǎn)ctions用法
|
第二天
下午 |
Element UI
Element Admin |
- Element 框架簡介
- 安裝及使用用法
- 基礎組件庫
- 柵格布局
- 布局容器
- 字體及圖標
- 菜單及導航
- Element Admin
- Element Admin工程結構
- Element Admin組件開發(fā)
- Element Admin后端接入
|
第二部分 師資簡介
張老師
北京航空航天大學軟件工程碩士,10多年 IT 工作經(jīng)驗,精通VUE源碼熟悉Html5、Html5游戲開發(fā),Cocos2d-html5,QuarkJS,JQuery,JQueryMobile,CSS,BootStrap,Mui框架,HBuilder,CSS3,Axure,JSON,C#,JavaScript,PHP,PhpCMS等開發(fā)技術;熟悉ICONIX,Scrum等項目管理過程并熟練應用,熟悉UML建模,MVC,設計模式,架構思想,熟悉軟件測試相關技能,熟悉軟件測試管理過程。多年項目管理經(jīng)驗,千人教育培訓經(jīng)驗。