聯繫我們

課程簡介

現代前端應用程式開發

  • React、Angular 和 Vue.js 的概覽與相似之處
  • 聲明式渲染
  • 元件 - 定義自訂 HTML 標籤
  • 使用 create-react-app 初始化 React 專案

現代 JavaScript

  • 使用 node.js 和 npm 進行開發
  • JavaScript 版本演進
  • 模組的使用
  • 函式與箭頭函式
  • 類別(Classes)
  • JavaScript 中的函式式程式設計(map, filter, ...)

TypeScript

  • 靜態型別與動態型別
  • 聲明變數、函式和類別的型別
  • 基本資料型別
  • 元組(Tuples)與物件
  • 介面(Interfaces)
  • 泛型(Generics)

React 模板語言

  • 基於 JavaScript 的模板語言:JSX
  • 設定元素屬性
  • 重複元素
  • 條件判斷(if / else)
  • 事件處理
  • CSS 類別與樣式

React 中的狀態管理

  • 設定與變更應用程式狀態
  • 使用 state hooksetState
  • 在狀態中捕捉輸入元件的內容

元件:現代網頁應用程式的建構模塊

  • 在 React 中定義自訂 HTML 標籤
  • 狀態、props 與事件
  • 元件之間的数据流
  • 函式元件與類別元件
  • 在函式元件中使用 hooks
  • 元件生命週期事件(mount, update, unmount)
  • 包含來自函式庫的預定義元件

使用 Redux 進行狀態管理

  • Redux 基礎:使用純函式、reducers 和不可變資料進行狀態管理
  • 在 React 中使用 reducer hook
  • 將 Redux 整合至 React 應用程式
  • 展示型元件(Presentational)與容器型元件(Container)
  • Redux 生態系
  • 使用 Thunk 處理非同步事件
  • 從 REST API 擷取資料

開發工具與測試

  • React 開發工具
  • Redux 開發工具
  • 使用 Jest 測試 JavaScript
  • 測試 reducers
  • 測試 React 元件

React Router

  • 客戶端路由
  • 根據目前瀏覽器路由顯示不同檢視

使用 React 進行應用程式開發

  • React Native 簡要概觀
  • 使用漸進式網頁應用程式(Progressive Web Apps)建立可安裝的手機與桌面應用程式
  • 漸進式網頁應用程式與原生應用程式的比較

最低要求

  • HTML 基礎知識
  • JavaScript 使用經驗
 21 小時

人數


每位參與者的報價

客戶評論 (7)

即將到來的課程

課程分類