快速掌握 Vue.js 精髓
框架是一個比較複雜的結構
透過 Vue.js 123 課程，一步一步把基礎帶給你；搭配各種不同的實戰練習，快速熟悉 Vue.js 的各種環節
真實體驗 Vue.js 的樣貌
框架聽起來很大很複雜，但是 Vue.js 卻很容易入門
透過我們的分享，讓你快速理解 Vue.js 的基礎架構
透過課程你將會學到
Vue.js 的基礎 & 架構 / MVVM 架構
Vue.js 的精髓 Component / SFC (Single File Component) 的使用
Node.js / npm 的環境架設 / Webpack 的運作模式
體驗 Vue.js 製作專案的過程
Vue.js 3 帶 2
課程以 Vue.js 3 為主，帶大家認識 Vue.js 最新最完整的架構，中間偶爾帶到版本 2 的差異，讓你遇到舊專案也能迎刃而解。
從最基本、到最完整
Vue.js 最基礎的東西很多，前面學起來也很愉快。但真正實務上需要的 component、還有相關的技術，我們也不會放過，帶給你最完整的 Vue.js 學習體驗。
實戰學習、快速吸收
小單元練習看起來很輕鬆、很簡單；但真的能下指令做出完整的專案，又是另一回事了。別擔心，我們會帶你做各種專案練習，讓你馬上學會。
Vue.js 123 課程大綱
Intro / 課程使用手冊
Available in
天
天
在你加入課程之後
CH 1 / Vue.js 基礎邏輯 & 架構
Available in
天
天
在你加入課程之後
- Intro / 課程介紹 (1:24)
- Vue.js 簡介 (15:44)
- Data & Methods / MVVM 架構 (16:36)
- Template Syntax (20:09)
- Computed (6:10)
- Class & Style (11:34)
- Conditional Rendering / if / else / else-if (12:37)
- List Rendering / v-for / Array / Object / key (12:34)
- List Rendering / Array change detection / Vue 2 (25:34)
- List Rendering / 其他小工具 (7:39)
- Event Handling / 基礎 / $event 與 參數 (14:43)
- Event Modifiers (23:38)
- Event Handling / Key Modifiers (12:53)
- Form 的基礎運作原理 (14:57)
- Form / 各種元素的使用方法 (19:29)
- Form Modifiers (9:36)
- Form / Value Bindings (8:28)
CH 2 / Vuejs 基礎 / 其他小工具
Available in
天
天
在你加入課程之後
CH 3 / 實戰 / Todo List
Available in
天
天
在你加入課程之後
CH 4 / 實戰 / 訂位系統
Available in
天
天
在你加入課程之後
CH 5 / Components / Vue 真正的樣貌
Available in
天
天
在你加入課程之後
CH 6 / Component 練習：YouTube 介面
Available in
天
天
在你加入課程之後
CH 7 / SFC - Single File Component
Available in
天
天
在你加入課程之後
- SFC 簡介 (15:44)
- Module Build Systems 以及 npm (12:49)
- ES5 Module / export / import (4:44)
- Vue CLI / 用 CLI 快速建立 Vue.js 專案 (21:19)
- Vue CLI / Service 的用途 / Webpack 介紹 (15:37)
- Vue CLI / CLI Plugins (4:53)
- Vue CLI / 看看 DOC (9:00)
- 實戰 / SFC 版的 YouTube layout #1 (18:24)
- 實戰 / SFC 版的 YouTube layout #2 header (16:09)
- 實戰 / SFC 版的 YouTube layout #3 - menu & content (11:31)
- 實戰 / SFC 版的 YouTube layout #4 (3:42)
- Vite / Vue 3 快速開發工具 (22:04)
CH 8 / Component 其他工具
Available in
天
天
在你加入課程之後
CH 9 / 實戰 pt.2 / 使用 SFC 製作 TodoList
Available in
天
天
在你加入課程之後
CH 10 / 實戰 pt.2 / 使用 SFC 製作 訂位系統
Available in
天
天
在你加入課程之後
課程最後
Available in
天
天
在你加入課程之後
Vue.js / 好用的工具
前端的世界裡，大家努力的用原生的 Javascript 寫各種功能，花了大把時間，卻可能讓程式碼越寫越複雜。
有了前端框架 Vue.js 的幫助，讓我們可以快速的開發專案、讓專案更好維護，把前端開發變成一件很有趣的事情。
相關課程
EXAMPLE
感謝訂閱，記得收 Email 確認我們的訂閱。