React 網頁前端工程實務 [專題線上課程] 線上課程

React 網頁前端工程實務 [專題線上課程]

React 是全球最受歡迎的前端工程生態系,也是現代前端工程師必備的開發技術堆疊。

本課程帶領你學會 React 前端框架的基礎開發邏輯:Vite 專案的建置、組件化的網頁開發、JSX 樣板語法、組件階層結構和狀態的管理、React Hooks 的使用、動態串接後端資料、最終使用 Vercel 完成網頁應用的實際上線。

本課程需要您具備 JavaScript 基礎能力,您可以參考彭彭老師的 JavaScript 前端工程入門課程內容大綱

課程大綱

1. JavaScript 快速複習
2. Vite 專案建置
3. React 快速開始
4. JSX 樣板語法
5. 表單元件處理
6. 組件開發基礎
7. 組件屬性
8. 組件狀態管理 ( useState )
9. 組件狀態傳遞
10. 組件階層結構管理
11. Hooks 的使用 ( useEffect、useContext、useRef 等等 )
12. 動態串接後端資料
13. 使用 Vercel 實際部屬上線

適合對象

具備 JavaScript 網頁前端工程基礎的朋友。

您可以參考彭彭老師的 JavaScript 前端工程入門課程內容大綱

開發環境

使用 Windows 或 Mac 作業系統的電腦,搭配 Visual Studio Code 學習開發。

線上課程注意事項

●線上課程採遠距教學,無需到班上課!

●線上課程為非同步教學,無法及時互動回覆,請學員需自行評估是否適合自己的學習模式。

● 上課教材、影片:開課當天會發送註冊信至信箱,註冊完畢後即可開始上課。

● 繳交作業期限:依照各班講師規定;通過課程標準才會製作證書。

● 課程影片下架日:結束日後六個月

●學員於開課後登入課程時, 登入帳號務必與報名時所填寫的EMAIL相同!!!

公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數

 

(一)轉班或退費期限:開課日後⅓時數內,詳情連結

(二)結業狀況:查詢是否合格及證書製作進度,結業名單連結

(三)線上課程上課時間:請參考官網最新消息「線上課程常見QA」,詳情連結

(四)報名備註欄位僅可填寫優惠同行人,收據開立時間及其他問題請直接寄EMAIL向我們聯繫

近期班次

  • 第464期 招生中

    課程類別:專題線上課程

    開課日期:2026.02.25 ~ 2026.04.01

    學費:新生新台幣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/