Web 開發

React 互動式前端實戰

從 JSX、Component 與 State 開始,逐步完成表單、API、登入、狀態管理與可維護的前端專案。

學完能做到

  • React 與 JSX
  • Component、Props 與資料流
  • useState、useEffect 與表單
  • Router、API 與非同步 UX

實作專案

  • 任務管理工具
  • 登入與權限前端
  • React AI SaaS 介面

適合對象

  • 已有 HTML、CSS 與 JavaScript 基礎的人
  • 想建立實務前端專案的開發者

Curriculum

課程大綱

01

開發基礎

01

What is React

02

Development

03

JSX

04

Component

05

useState

06

useEffect

07

Props

08

form

09

Router

10

API

02

應用開發

01

Custom Hooks

02

Context

03

State Management

04

Zustand

05

React Query

06

Performance

07

Error handling

08

Authentication

09

UI design

10

Css Strategy

03

專案與部署

01

Project-Task Manager

02

Async UX

03

Testing

04

Deployment

05

Enhanced your infrastructure

06

SSR

07

Micro Frontend

08

Future

09

Advanced System Design

10

AI Saas