1. JavaScript 快速複習
2. Vue 框架簡介、快速開始
3. Vite 專案建置
4. 樣板語法：標籤內文與屬性
5. 樣板語法：流程控制
6. 樣板語法：響應式狀態
7. 表單與響應式狀態
8. 組件結構：基本觀念
9. 組件結構：自訂屬性
10. 組件結構：自訂事件
11. 組件的生命週期
12. 動態串接後端資料
13. 使用 Vercel 實際部屬上線
課程資訊：瀏覽課程的詳細資訊
線上課程
Vue 網頁前端工程實務 [專題線上課程]
Vue 是台灣業界非常受歡迎的前端工程開發框架，也是現代前端工程師值得投資的開發技術堆疊。
本課程帶領你學會 Vue 前端框架的基礎開發邏輯：Vite 專案的建置、組件化的網頁開發、樣板語法、組件階層結構、組件生命週期、響應式的狀態管理、表單的整合使用、動態串接後端資料、最終使用 Vercel 完成網頁應用的實際上線。
本課程需要您具備 JavaScript 基礎能力，您可以參考彭彭老師的前端工程入門課程內容大綱：
https://training.pada-x.com/javascript-start
本課程帶領你學會 Vue 前端框架的基礎開發邏輯：Vite 專案的建置、組件化的網頁開發、樣板語法、組件階層結構、組件生命週期、響應式的狀態管理、表單的整合使用、動態串接後端資料、最終使用 Vercel 完成網頁應用的實際上線。
本課程需要您具備 JavaScript 基礎能力，您可以參考彭彭老師的前端工程入門課程內容大綱：
https://training.pada-x.com/javascript-start
課程大綱
適合對象
開發環境
使用 Windows 或 Mac 作業系統的電腦，搭配 Visual Studio Code 學習開發。
線上課程注意事項
●線上課程採遠距教學，無需到班上課!
●線上課程影片無字幕輔助
●線上課程為非同步教學，無法及時互動回覆，請學員需自行評估是否適合自己的學習模式。
● 上課教材、影片：開課當天會發送註冊信至信箱，註冊完畢後即可開始上課。
● 繳交作業期限：依照各班講師規定；通過課程標準才會製作證書。
● 課程影片下架日：結束日後六個月
●學員於開課後登入課程時， 登入帳號務必與報名時所填寫的EMAIL相同!!!
●公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數
(一)轉班或退費期限：開課日後⅓時數內，詳情連結
(二)結業狀況：查詢是否合格及證書製作進度，結業名單連結
(三)線上課程上課時間：請參考官網最新消息「線上課程常見QA」，詳情連結
(四)報名備註欄位僅可填寫優惠同行人，收據開立時間及其他問題請直接寄EMAIL向我們聯繫
●經濟部30人以下中小企業數位轉型補助
有與經濟部30人以下中小企業數位轉型補助配合的課程，學員申請補助時請務必主動告知承辦單位所需資料。
(一)收據須載明課程名稱、上課人數及課程單價。
(二)需開立抬頭統編抬
(三)注意事項：未通過課程者，恕無法申請本計畫補助。
近期班次
第 466 期 Vue 網頁前端工程實務 [專題線上課程]
招生中
課程類別：專題線上課程
開課日期：2026.03.18 ~ 2026.04.22
學費：新生新台幣 3150 元整
講師介紹
彭兆蔚(彭彭)
(1) 國立臺灣大學心理學學士、國立臺灣大學資訊工程學碩士，跨領域專案開發經驗。
(2) 於 2003 年，獲得美商昇陽電腦 Sun Certificated Java Programmer(SCJP) 認證。
(3) 於 2008 年，參與美商昇陽電腦校園大使計畫。
(4) 資策會軟體工程師、Tomofun 網站工程師。
(5) WeHelp 深度學習、網站開發職業訓練導師與創辦人。
(6) COSCUP 2010 開源人年會講者，講題：Implementation of Websocket Protocol。
(7) Piconion 影像處理軟體主要開發者。
(8) iThome Modern Web 2016 講者，講題：Web 終將統治世界，用 JS 打造專業影像處理軟體。
(9) iThome Modern Web 2017 講者，講題：開發複雜網頁應用的黃金法則。
(10) iThome Modern Web 2018 講者，講題：網頁前端在人工智慧的應用。
(11) 2008 年至本班教學，累計授課時數至 2025 年 4 月 16 日為 4,550 小時，為資深講師。
老師的個人課程網站：https://training.pada-x.com/