Open Source - React

微前端架構設計與技術應用

Micro Frontend Architecture Design and Technical Applications
  • 時數：21小時
  • 費用：NT$ 20,000
  • 點數：5.0

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 25298 班 2025/09/15 ~ 2025/09/17 每週一二三 09:00~17:00 預約
台北 25299 班 2025/12/15 ~ 2025/12/17 每週一二三 09:00~17:00 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求，請參考台北開課日期，洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

恆逸專用教材

課程目標

本課程將從零開始，系統性的介紹 React 前端開發技術，並逐步建立完整開發能力。從 React 的核心概念入門，如元件(omponent)、屬性(Props)、狀態(State)與生命週期(Lifecycle)，學員將能夠熟練掌握單一網頁應用程式(Single Page Application)的基礎。 課程中也透過實作練習與案例操作來學習如何設計模組化、可重用的UI元件。同時也深入講解Hooks(如useState、useEffect等)的使用方式，大幅提升開發效率與程式的可讀性。接著，更進一步介紹如何與 RESTful API 串接，處理非同步資料請求，建構更複雜且資料驅動的應用程式。無論您是剛起步的新手，還是已具備部分前端經驗的開發者，本課程都將為您提供清晰的學習路徑與實用的技術知識，幫助您穩健掌握 React 的核心能力，並順利應用於實際專案之中。

適合對象

  1. 對單一網頁應用程式(Single Page Application)開發相關技術有興趣的程式開發者
  2. 希望開發網站應用程式者

預備知識

已完成以下課程所具備技術能力

220：程式設計基本概論

預備知識： 1. 對網站開發有基本概念 2. 對Html與JavaScript語法有基本認識

課程內容

1.React 核心概念與環境建置 ． React介紹與設計架構

． 設置開發環境

2.元件化開發與 UI 設計

． React組件與Props傳遞

． 事件處理(事件綁定、事件委派)

． 表單處理

． 建立單一檔案組件

3.狀態管理與計算屬性

． React Hooks(useState, useEffect)

． 偵聽器(useEffect)

． 計算屬性(useMemo, useCallback)

． 狀態管理(Context API)

4.條件與列表渲染

． React指令(條件渲染、列表渲染)

． 動態資料更新與效能優化

5.單一網頁應用程式(SPA)實作

． React Router(動態路由設計)

． API 串接與管理

． 專案打包與部署

學會技能

  1. 了解 React 架構與開發原理
  2. 理解如何使用 React 技術來設計單一網頁應用程式(Single Page Application)
  3. 掌握元件設計與狀態管理技巧
  4. 熟悉使用 Visual Studio Code 開發 React 專案的流程

備註事項

上課使用Windows平台與Visual Studio Code開發工具

推薦課程