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