聯繫我們

課程簡介

現代前端應用程式的開發

  • React、Angular、Vue.js 概覽與相似性
  • 宣告式渲染
  • 組件 - 定義自訂 HTML 標籤
  • 使用 create-react-app 初始化 React 專案

現代 JavaScript

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

TypeScript

  • 靜態型別與動態型別
  • 宣告變數、函數和類別的型別
  • 基本資料型別
  • tuples、物件
  • 介面
  • 泛型

React 範本語言

  • 基於 JavaScript 的範本語言:JSX
  • 設定元素屬性
  • 重複元素
  • if / else
  • 事件
  • CSS 類別與樣式

在 React 中管理狀態

  • 設定和更改應用程式狀態
  • 使用 state hooksetState
  • 捕獲輸入元素的內容到狀態中

組件:現代 Web 應用程式的基礎構件

  • 在 React 中定義自訂 HTML 標籤
  • 狀態、props 與事件
  • 組件間的資料流
  • 函數組件和類別組件
  • 在函數組件中使用 hooks
  • 組件生命週期事件(mount、update、unmount)
  • 包含來自函式庫的預先定義組件

使用 Redux 進行狀態管理

  • Redux 基礎:使用純函數、reducer 和不可變資料的狀態管理
  • 在 React 中使用 reducer hook
  • 將 Redux 整合到 React 應用程式中
  • 展示型組件與容器型組件
  • Redux 生態系
  • 使用 Thunk 處理非同步事件
  • 從 REST API 擷取資料

開發者工具與測試

  • React 開發者工具
  • Redux 開發者工具
  • 使用 Jest 測試 JavaScript
  • 測試 reducer
  • 測試 React 組件

React Router

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

使用 React 進行應用程式開發

  • React Native 簡要概覽
  • 建立可安裝的行動和桌面應用程式,使用 Progressive Web Apps
  • Progressive Web Apps 與原生應用程式比較

最低要求

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

人數


每位參與者的報價

客戶評論 (7)

即將到來的課程

課程分類