Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
課程簡介
現代前端應用程式的開發
- 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 時間:
客戶評論 (3)
盧卡斯的耐心
Stroila Adrian Emilian
機器翻譯
它涵蓋了基本元件
Valentin
Course - React, Redux and TypeScript
機器翻譯
Lukasz's enthusiasm.