為了讓你做出獨立作品
我們提供以下訓練方案
1. ES6 及必要 JS 基礎知識
奠定關注點分離基礎概念，掌握 JavaScript 處理資料的實作能力。
2. 快速上手 Vue.js
透過一個小範例，快速認識 Vue.js 有什麼樣的特色令人愛不釋手！
3. 模板指令運用
Vue.js 核心技巧，任何資料都可輕鬆呈現於畫面之上。
4. Options API
各項資料流的處理技巧，高效處理複雜資料流。
5. 元件運用
元件封裝、生命週期一次掌握，團隊實戰必備技能。
6. 進階 API
Vue 經常使用的外部套件、小妙招等實戰撇步大公開。
7. Vue Cli、Vue Router
結合 Webpack 打造開發環境，貼近主流開發情境。
8. Composition API
揭開 Vue 3 神秘面紗，利用基礎觀念輕鬆應對。
9. 製作電商網站
最終挑戰，使用課程提供的客製化 API，完成屬於自己的商城。
五組以上的練習情境
搭配大量的助教回饋
Vue.js 的雙向綁定特色，讓許多剛接觸的開發者愛不釋手，大幅減短開發所需要的程式碼，且簡化許多開發上的邏輯。
但僅只有透過觀看影片是不足夠的，課程中規劃五組各式不同的獨立作品練習情境，並透過大量助教的回饋，讓你看到學習上的盲點！
課程列表
介紹
Available in
days
days
after you enroll
課前章節 - JS 必備觀念
Available in
days
days
after you enroll
JS 必備觀念 - 課後測驗
Available in
days
days
after you enroll
快速入門 Vue.js：商品後台管理介面
Available in
days
days
after you enroll
指令語法全介紹｜操作畫面超容易
Available in
days
days
after you enroll
Options API：方法、運算、監聽、生命週期
Available in
days
days
after you enroll
元件
Available in
days
days
after you enroll
進階 API
Available in
days
days
after you enroll
Vue Cli，整合性工具開發好容易
Available in
days
days
after you enroll
Vue Router
Available in
days
days
after you enroll
最終挑戰
Available in
days
days
after you enroll
- 最終作業課程介紹 (3:20)
- 課程 API 文件及相關資源
- 申請課程 API (5:56)
- 常見 API 問題解決方式
- 匯入 Bootstrap 並調整版型 (8:21)
- 製作登入頁面 (11:10)
- 登入與 Cookie (4:50)
- Cookie 存取的語法
- 確認是否維持登入狀態 (8:02)
- 調整巢狀路由並且加入 Navbar (9:09)
- 加入產品列表 (9:30)
- 增加 Bootstrap Modal (10:38)
- 透過彈出視窗新增品項 (11:47)
- 產品資料更新 (8:58)
- 透過 API 上傳圖片 (5:57)
- 使用 mixin 整合相同程式碼 (2:54)
- 加入讀取的視覺效果 (4:36)
- 加入錯誤的訊息回饋 (11:46)
- 加入分頁切換 (12:52)
- 套用全域的千分號 (6:11)
- 中場加速 (5:08)
- 用戶端產品列表 (7:06)
- 用戶端加入購物車 (8:07)
- 用戶端加入 Bootstrap Icon (4:59)
- 用戶端更新購物車數量品項 (6:02)
- 用戶端套用優惠券 (6:58)
- 用戶端建立訂單 (4:45)
- 用戶端結帳流程 (10:21)
- 最終作業說明 (5:26)
- 最終作業提交規則文件
- 最終作業提交 - 程式勇者村
Composition API
Available in
days
days
after you enroll
- Composition 章節提醒
- 什麼是 Composition API (3:48)
- 雙向綁定機制 Proxy (11:56)
- 使用 setup 取代 Options API (5:50)
- 使用 reactive 定義資料 (4:48)
- 使用 ref 定義資料 (6:02)
- reactive 與 ref 如何選擇 (8:23)
- Composition 中的方法定義 (6:05)
- 在 Composition API 中運用 Options API 的方法 (9:19)
- setup 中的 Props (5:53)
- 在 composition 中運用 emit 技巧 (5:20)
- ref 取得 $refs 的 DOM 物件 (4:25)
- Provider 與 Inject 的方法導入 (5:15)
- 在 Composition 中運用 Watch 方法 (9:48)
- Watch 與 Computed 的結合體，WatchEffect (8:09)
- 最終練習，Composition Kata (6:03)
- Composition 課程延伸章節資源
Pinia 狀態管理工具
Available in
days
days
after you enroll
從頭開始 - Pinia 製作一個購物車 2023 新增章節
Available in
days
days
after you enroll
Vite - 2023 新增章節
Available in
days
days
after you enroll
此為境外交易會產生額外交易手續費用（詳細規定請洽發卡公司），如需使用台幣付款可以透過此 連結購買。