課程收益:
1.快速了解和熟悉 Vue.js 基礎(chǔ)知識(shí)以及開發(fā)工具
2.快速熟悉 ES6 以及一些函數(shù)柯里化等在 Vue.js 的應(yīng)用
3.熟悉和掌握預(yù)編譯 css 在 Vue.js 的應(yīng)用
4.深入實(shí)戰(zhàn)來了解 SPA 項(xiàng)目搭建
5.熟悉 Vue.js 中的前后端交互方式
6.了解組件原理,獨(dú)立編寫 Vue.js 組件
7.熟悉 1.0 和 2.0 的版本區(qū)別
8.熟悉數(shù)據(jù)流 vuex 的應(yīng)用和原理
9.了解 Vue.js 框架實(shí)現(xiàn)細(xì)節(jié)
目標(biāo)學(xué)員:
1.有一定 js 基礎(chǔ)或者對(duì)前端新技術(shù)感興趣;
2.技術(shù)主管、架構(gòu)師、各個(gè)階段的前端開發(fā)、喜歡前端的后端開發(fā)、全棧開發(fā)
課程大綱
第一章 Vue.js 入門
- 與其他框架的區(qū)別(jquery,angular,react等)
- 雙向綁定
- 指令
- 計(jì)算屬性
- 過濾器
- class 與 style
- 過渡
?
第二章 預(yù)編譯 css 基礎(chǔ)
- 優(yōu)勢(shì)是什么
- sass
- stylus
- 在 Vue.js 中的配置和應(yīng)用
?
第三章 ES6 語法補(bǔ)充
- 模塊
- 變量定義
- 函數(shù)
- Object 對(duì)象
- babel
- 函數(shù)柯里化概念補(bǔ)充
- 在 Vue.js 中的配置和應(yīng)用
?
第四章 開發(fā)工具
- IDE 推薦
- 如何調(diào)試 Vue.js
- 項(xiàng)目腳手架 vue-cli 介紹和使用
?
-vue-loader 配置和使用
?
第五章 與服務(wù)端交互方式
- 插件介紹
- 跨域
- jsonp
- 自定義請(qǐng)求頭
?
第六章 事件和實(shí)例方法
- method
- events
?
第七章 路由和視圖
-路由插件使用
- 搭建一個(gè) SPA 項(xiàng)目
?
第八章 常用表單
- v-model 的應(yīng)用場(chǎng)景
- 驗(yàn)證插件使用
- 修飾指令
?
第九章 組件開發(fā)和使用
- 基礎(chǔ)
- 模板
- 異步
- 生命周期
- 基于第三方組件開發(fā)
?
第十章 設(shè)計(jì)一個(gè)公司級(jí)組件庫(kù)
- 文件結(jié)構(gòu)
- 組件拆分
- 基于 2.0 和 1.0 開發(fā)差異
- 打包合并策略
?
第十一章 Vue.js 2.0
- 1.0 遷移 2.0 的成本和變化
- 2.0 的新增
- Virtual DOM
- 服務(wù)端渲染技術(shù)
?
第十二章 源碼實(shí)現(xiàn)分析
- 數(shù)據(jù)監(jiān)控
- 響應(yīng)式原理
- 事件綁定