課程簡介

現代前端應用程序開發

  • React、Angular、Vue.js 的概述與相似之處
  • 聲明式渲染
  • 組件——定義自定義 HTML 標籤
  • 使用 create-react-app 初始化 React 項目

現代 JavaScript

  • 使用 node.js 和 npm 進行開發
  • JavaScript 版本
  • 模塊的使用
  • 函數與箭頭函數
  • JavaScript 中的函數式編程(map、filter 等)

TypeScript

  • 靜態與動態類型
  • 聲明變量、函數和類的類型
  • 基本數據類型
  • 元組、對象
  • 接口
  • 泛型

React 模板語言

  • 基於 JavaScript 的模板語言:JSX
  • 設置元素屬性
  • 重複元素
  • if / else
  • 事件
  • CSS 類與樣式

React 中的狀態管理

  • 設置與更改應用程序狀態
  • 使用 state hooksetState
  • 在狀態中捕獲輸入元素的內容

組件:現代 Web 應用程序的構建模塊

  • 在 React 中定義自定義 HTML 標籤
  • 狀態、props 和事件
  • 組件之間的數據流
  • 函數組件與類組件
  • 在函數組件中使用 hooks
  • 組件生命週期事件(掛載、更新、卸載)
  • 從庫中包含預定義組件

使用 Redux 進行狀態管理

  • Redux 基礎:使用純函數、reducers 和不可變數據進行狀態管理
  • 在 React 中使用 reducer hook
  • 將 Redux 集成到 React 應用程序中
  • 展示組件與容器組件
  • Redux 生態系統
  • 使用 Thunk 處理異步事件
  • 從 REST API 獲取數據

開發者工具與測試

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

React Router

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

使用 React 進行應用程序開發

  • React Native 簡要概述
  • 使用漸進式 Web 應用程序創建可安裝的移動和桌面應用程序
  • 漸進式 Web 應用程序與原生應用程序的比較

最低要求

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

客戶評論 (7)

課程分類