課程簡介

現代前端應用程式的開發

  • React、Angular 的概述和相似之處 Vue.js
  • 聲明性呈現
  • 元件 - 定義自訂 HTML 標記
  • 使用 create-react-app 初始化 React 專案

現代 JavaScript

  • 使用 Node.js 和 NPM 進行開發
  • JavaScript 版本
  • 使用模組
  • 函數和箭頭函數
  • JavaScript 中的函數式程式設計(map、filter 等)

TypeScript

  • 靜態類型與動態類型
  • 聲明變數、函數和類的類型
  • 基本數據類型
  • 元組、物件
  • 介面
  • 泛型

React 範本語言

  • 基於 JavaScript 的範本語言:JSX
  • 設置元素屬性
  • 重複元素
  • 如果 / else
  • 事件
  • CSS 類和樣式

在 React 中管理狀態

  • 設置和更改應用程式狀態
  • 使用 state hook 和 setState
  • 捕獲狀態中輸入元素的內容

元件:現代 Web 應用程式的構建塊

  • 在 React 中定義自訂 HTML 標籤
  • 狀態、道具和事件
  • 元件之間的數據流
  • 函數元件和類元件
  • 在函數元件中使用鉤子
  • 元件生命週期事件(掛載、更新、卸載)
  • 包括庫中的預定義元件

使用 Redux 進行狀態管理

  • Redux 基礎知識:使用純函數、化簡器和不可變數據進行狀態管理
  • 在 React 中使用 reducer 鉤子
  • 將 Redux 集成到 React 應用程式中
  • 表示和容器元件
  • Redux 生態系統
  • 使用 Thunk 處理異步事件
  • 從 REST API 獲取數據

開發人員工具和測試

  • React 開發者工具
  • Redux 開發者工具
  • 使用 Jest 測試 JavaScript
  • 測試減速機
  • 測試 React 元件

React 路由器

  • 用戶端路由
  • 根據當前瀏覽器路由顯示不同的檢視

使用 React 進行應用開發

  • React Native 的簡短概述
  • 使用漸進式 Web 應用程式創建可安裝的行動和桌面應用程式
  • 漸進式 Web 應用和本機應用的比較

最低要求

  • HTML 基礎知識
  • JavaScript經驗
 21 時間:

人數



每位參與者的報價

客戶評論 (8)

相關課程

課程分類