快速掌握 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 課程大綱
Available in
天
天
在你加入課程之後
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)
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
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)
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Vue.js / 好用的工具
前端的世界裡,大家努力的用原生的 Javascript 寫各種功能,花了大把時間,卻可能讓程式碼越寫越複雜。
有了前端框架 Vue.js 的幫助,讓我們可以快速的開發專案、讓專案更好維護,把前端開發變成一件很有趣的事情。
相關課程
EXAMPLE
感謝訂閱,記得收 Email 確認我們的訂閱。