五倍紅寶石・專業程式教育機構

Vue.js 與 Vuex 前端開發實戰

課程簡介
課程內容
講師介紹
學員見證

Vue.js 與 Vuex 前端開發實戰

前端課程進階課程

短短 3 天課程，讓你從 Vue.js 基礎概念到 SPA 實作，一次帶走！面對複雜網頁動畫，Vue.js 給出輕量、簡潔的解法。同時雙向綁定的特性，有效節省維護時間。相對其他框架，Vue.js 簡單容易上手，讓您學會核心概念後，能更廣泛應用於各種專案！

時數：18 小時

講師：許國政 (Kuro Hsu)

立即報名

開課時間

5/23 (日)、5/30 (日)、6/6 (日)

10:00 ~ 17:00

這堂課適合

建議具備 HTML / CSS / JavaScript 基礎能力者，或曾上過「JavaScript / jQuery 前端開發入門實戰課程」的朋友修習。

想提升開發效率的前端工程師。
單純想了解 Vue 的朋友。
工作上會使用到 Vue 開發的工程師。

其它相關課程

你將會學到

Vue.js v2.x / 3.0 的基礎觀念與元件系統。
Vuex 管理狀態。
Vue.js CLI 與前端生態圈。
Vue.js 3.0 Composition API。
Vue.js 2.x > 3.0 升級指引。

課前準備

需自備筆電， Mac / Windows 皆可。
課程將會使用 Sublime Text 3 / VS Code 編輯器，建議同學可以先行安裝。

課程大綱

Vue.js 基礎概念簡介

Vue.js 基礎知識原理講解
Vue.js 與單頁式網頁應用基礎
Vue.js 與 Web Component

Vue.js 與狀態管理實務

理解狀態管理 Vuex
Vue.js Composition API
透過 VueCLI / vite 建立 Vue 3.0 專案

Vue.js 進階開發實務

在 Vue.js 專案與第三方套件搭配
Vue.js 相關開發生態圈介紹
Vue.js 2.x > 3.0 升級指引

課程內容

往前端工程師之路發展時，求職一定會遇到公司要求會一些前端框架。jQuery 雖然是非常知名的流行函式庫之一，但前端技術日新月異，你是否該來認識這位中國來的朋友了呢？

Vue.js 是由前 Google 中國工程師 (Evan You) 所開發，可以想見關於 Vue.js 的中文資源相當的多，若對英文不是那麼在行的話，選擇 Vue.js 當你的前端框架選擇，在閱讀文件時會更少了一項障礙喔 XD

五倍的 Vue.js 由熟悉各種前端技術的 Kuro 老師細心教學，三天就讓你的前端技術框架技能再添一格，求職開發得心應手！

基礎與單頁式網頁應用

帶你認識 Vue.js 的概念與原理，還可以一併學習 Vue.js 如何搭配 AJAX 技術，讓你具備提升使用者體驗不可或缺的技術！

接著透過實作時間了解如何用 Vue.js 打造 SPA（單頁式應用程式），實際體驗 Vue.js 雙向綁定的特性如何有效節省維護時間，未來在活動網頁、控制台、SPA 甚至是搭配 Webpack，都可以廣泛的運用！

元件系統與開發生態圈

Vue.js 的另一大特性是非常強調元件系統 (Component System)，許多程式碼可以重複使用，除了減少開發衝突，也讓團隊的程式碼邏輯更一致，後期維護與修改都相當便利快速。另外也會講到後端介接、發佈與伺服器端渲染機制，讓身為前端的你與後端工程師在開發實務上溝通更加無障礙！

習得基礎概念與實作技能後，瞭解各個框架的開發生態圈也是非常重要的！未來在學習 Vue.js 的路上除了與老師和同學一起學習成長以外，瞭解 Vue.js 還可以搭配哪些工具，以及整個生態圈的發展、和其他現代前端框架的差異，讓你擁有更宏觀的技術概念。