Vue.js 前端 JS 框架 (Framework) 應用課程

這幾年間，JavaScript 的發展相當蓬勃，深入學習 JavaScript (JS) 已經成為了一個重要的方向。正如 WordPress 的創辦人 Matt Mullenweg 所言 “Learn JavaScript, Deeply”, “Take Every Opportunity to really beef up your JavaScript Chops”。JavaScript 可以在有 frameworks 下和無 framework 下編寫的，但如果沒有 frameworks 下編寫 JavaScript 是 “慢好多和煩好多” 的。所以我們有學習 JavaScript frameworks 的需要。

JavaScript 界內有不少 frameworks 如 Vue.js, AngularJS, Angular, React 等等。這些 frameworks 都能夠令我們以更簡單、靈活及快捷完成各項網站開發工作，甚至可以使用 JavaScript framework 編寫 iOS (iPhone / iPad) 和 Android apps。而 Vue.js 不如 Angular / AngularJS 般 “重型”，Vue.js 執行速度快，只要有技巧地應用 Vue.js 就能輕易地實踐狀態管理 (state management)、單向資料繫結 (one-way data binding)、雙向資料繫結 (two-way data binding)、Custom Components (自訂元件) 等。學習曲線和時間成本都是較低的，可謂是一個比較入門但有一定功能的 JavaScript Framework。

Vue.js 前端 JS 框架 (Framework) 應用課程是一個 3 小時的課程，目標透過一系列精煉的短實習 (沒有長篇大論複雜而又需要消化大量前文後理的實習) 令同學一針見血、有效、快速及準確地學習 Vue.js。

如果同學希望學習基礎 JavaScript 和 AngularJS 的話，可以報讀 Object-oriented JavaScript 與 AngularJS 綜合課程 (https://www.systematic.com.hk/javascript-angularjs.htm)，但站在學習 Vue.js 的角度而言這並不需要。

• 製作編寫 Vue.js 的範本 (templates)
• 單向資料繫結 (one-way data binding)
• 雙向資料繫結 (two-way data binding)
• 處理一系列資料 (例如一系列的客戶資料、產品資料)
• 動態加減資料
• 用作處理資料格式的 Filters
• Computed properties (例如從出生日期計算年齡)
• 處理具條件性的顯示
• 處理 CSS 風格
• 實時取得控制項的狀態 (如 radio buttons、checkbox、lists 等)
• 事件處理 (如按鈕、按 keyboard 等)
• 透過 Ajax 技術接駁伺服器、取得資料並顯示出來
• Custom Components (自訂元件)
• Vue.js 融合其他 frameworks，如 jQuery 等，導師會示範如何將 jQuery UI 內的 datepicker 整合到 Vue.js 內