課程簡介
Vue.js 是一套快速發展的漸進式前端框架，因其優異的性能與簡單容易上手的特性，過去一年來有著爆炸性的成長。
與其他框架不同的是，Vue.js 的目標是用簡單的 API 來實作資料繫結與操作網頁上的組件，同時也因為 Vue.js 的核心只把焦點關注在使用者的介面呈現上，遂能夠輕易地與其他前端工具整合使用。
講師 許國政 Kuro Hsu
課程時間
8/19 (六) 10:00 - 17:00
8/26 (六) 10:00 - 17:00
12 小時的課程，你將學到：
✔ Vue.js 2.0 的基礎觀念與設計邏輯
✔ 透過 Vuex 管理 Vue 元件之間的狀態
✔ 使用現代開發工具 (如: Vue-CLI、Webpack) 來打包與發佈 Vue.js 應用程式
✔ 理解 Vue.js 的 Server-side rendering 原理
課程綱要
第 0 堂： Vue.js 起步與基礎 - 4 hr
- Vue.js 與 MVVM 框架的運作原理與基礎
- Vue 實體與資料綁定
- 模板與宣告式渲染
- 事件的綁定與監聽
- 指令 (Directive) 的使用
- 條件控制與資料過濾
- 樣式、漸變與動畫
- Vue 實體的生命週期
- Vue 與 ajax: 歡迎來到真實世界
第 1 堂： 實戰練習：以 Shopping Cart 為例 - 2 hrs
- 透過 Vue 打造一個單頁式的購物車應用
第 2 堂： Vue.js 與 Web Component - 3hr
- 組件的註冊
- 組件的參數與引入
- 組件間的狀態傳遞
- slot 的內容分發與動態組件
第 3 堂： 大型應用開發與 Vue.js 的開發生態圈 - 3 hr
- vue-devtools
- vue-cli / webpack / vue-loader
- vue-router
- vuex
- vue.js 如何與後端整合應用
- 伺服器端渲染（SSR, Server-Side Rendering) 機制原理理解
