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