React, Redux and TypeScript培訓
React是一個廣泛使用的庫,用於在Java Script和HTML創建單頁面應用程序。它被Facebook ,Instagram,Netflix或紐約時報等公司使用。
本課程將介紹React和其他庫(如Angular和Vue.js )所基於的基礎,並重點介紹React的特定內容。它還將涵蓋React常用的技術,如Redux和React -Router。
在本課程結束時,參與者將能夠在遵循最佳實踐的同時使用React構建各種複雜的應用程序。
課程簡介
現代前端應用程式的開發
- 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經驗
Open Training Courses require 5+ participants.
React, Redux and TypeScript培訓 - Booking
React, Redux and TypeScript培訓 - Enquiry
React, Redux and TypeScript - 咨詢詢問
咨詢詢問
客戶評論 (7)
細節、解釋方式以及培訓師的冷靜和自信令人鼓舞。
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
機器翻譯
它涵蓋了基本元件
Valentin
Course - React, Redux and TypeScript
機器翻譯
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Course - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.
Samuel Irsai - Dunelm
Course - React, Redux and TypeScript
Provisional Upcoming Courses (Require 5+ participants)
相關課程
Advanced React
14 時間:這種以講師為主導的香港現場(現場或遠端)的現場培訓針對希望構建React元件和設計複雜應用程式的開發人員。
在培訓結束時,參與者將能夠:
- 瞭解 React 的高級概念,包括上下文 API、HOC、外部狀態、異步 API 等。
- 使用 React 構建可組合元件。
- 啟用伺服器端和用戶端身份驗證。
- 實現 React 和 Redux 庫來管理複雜的有狀態應用程式。
- 減少代碼並優化應用程式的性能。
- 測試和部署應用程式。
Advanced Typescript
7 時間:這種以講師為主導的香港 現場培訓(現場或遠端)針對的是希望使用TypeScript的高級功能來創建和構建JavaScript應用程式的開發人員。
在培訓結束時,參與者將能夠:
- 設置必要的開發環境以開始開發 TypeScript 和 Node.js 應用程式。
- 利用 Typescript 的高級功能編寫乾淨、富有表現力的代碼,同時減少錯誤。
- 配置並使用 Webpack 和 TypeScript 來構建複雜的前端 UI。
- 使用自定義數據類型(聯合、交集、元組類型等)來擴展現有的泛型類型。
- 實現異步 Code Pattern 和 API,用於錯誤處理和驗證回應。
- 將 TypeScript 和 Node.js 應用程式部署到生產環境(AWS EC2、Heroku 等)。
Ant Design
7 時間:This instructor-led, live training in 香港 (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 時間:這種以講師為主導的現場培訓(現場或遠端)面向希望使用FARM(FastAPI,React和MongoDB)堆棧構建動態,高性能和可擴展Web應用程式的開發人員。
在培訓結束時,參與者將能夠:
-
設置整合 FastAPI、React 和 MongoDB 的必要開發環境。
瞭解 FARM 堆疊的關鍵概念、功能和優勢。
瞭解如何使用FastAPI構建REST API。
瞭解如何使用 React 設計互動式應用程式。
使用 FARM 堆疊開發、測試和部署應用程式(前端和後端)。
Choosing the Right JavaScript Framework
14 時間:這種以講師為主導的香港 現場或遠端培訓面向需要決定使用哪個Java腳本框架來開發前端應用程式的開發人員。
在培訓結束時,參與者將能夠:
- 設置最佳開發環境以開始開發前端應用程式。
- 實施演示應用程式以測試 JavaScript 框架的限制和優勢。
- 確定哪個 JavaScript 框架最適合。
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 時間:這個由講師主導的實時培訓香港(在線或現場)旨在幫助希望熟練掌握JavaScript、Node.js和React的初學者級.NET開發人員積極開發和遷移系統/平台。
培訓結束時,參與者將能夠:
- 有效地編寫和調試JavaScript代碼。
- 使用Node.js構建和部署服務器端應用程序。
- 使用React開發動態和響應式ユーザー界面。
- 整合前端和後端組件以創建全棧應用程序。
- 了解將遺留系統遷移到基於現代JavaScript的平台的最佳實踐。
Testing React Apps with Jest
14 時間:這種以講師為主導的香港現場或遠端培訓 針對的是希望使用Jest測試React應用程式和元件的工程師。
在培訓結束時,參與者將能夠:
- 安裝並配置適當的測試環境。
- 為React 個應用和元件編寫異步測試。
- 運行 Jest 高級測試,包括 mocking、spies 和 stub。
MERN Fullstack Development
14 時間:這種以講師為主導的香港現場現場培訓針對希望使用MERN堆疊進行全棧開發的Web開發人員。
在培訓結束時,參與者將能夠:
- 將 React 與 MongoDB、Express 和 Node.js 集成。
- 從頭開始構建全棧 Web 應用程式。
- 通過授權和身份驗證實現應用程式安全。
Building Micro Frontends with React
21 時間:這種以講師為主導的香港現場培訓(現場或遠端)針對的是希望使用React為大型Web應用程式開發,測試和部署微前端的開發人員,使其具有高度可擴展性,技術不可知且易於維護。
在培訓結束時,參與者將能夠:
- 使用 React 設置必要的開發環境以開始開發微前端。
- 瞭解微前端的架構、核心概念和優勢。
- 瞭解如何使用 React 構建、集成、測試和部署微前端。
- 通過模組聯合實現微前端。
- 應用 CI/CD 管道生產級工作流。
- 瞭解微前端中 CSS 的常見問題以及如何解決這些問題。
- 深入瞭解如何使用 React 實現其他前端框架。
Building Microservices with NodeJS and React
21 時間:這門由講師指導的香港(線上或線下)培訓課程,針對有經驗的開發人員,旨在教授他們如何使用NodeJS和React構建、部署和擴展基於微服務的應用程式。
在培訓結束時,參與者將能夠:
- 使用不同的微服務開發、部署和擴展應用程式。
- 構建一個伺服器端渲染的React應用程式。
- 使用Docker和Kubernetes將多服務apps部署到雲端。
- 對微服務進行應用程式測試。
Next.js 14 Advanced Development
21 時間:這種以講師為主導的 香港(在線或現場)現場培訓面向希望探索 Next.js 14 的進步並獲得構建尖端Web應用程式的知識的中級到高級Web開發人員和技術架構師。
在培訓結束時,參與者將能夠:
- 充分利用 Next.js 14 的全部潛力來構建複雜的應用程式。
- 利用最新的功能,如中間件、React 伺服器元件和邊緣功能。
- 實施性能、可擴展性和 SEO 的最佳實踐。
- 有效地解決Next.js應用程式中的常見問題。
Next.js 14 - Advanced
21 時間:本次面向高級開發人員的教練主導的線上培訓(在線或現場)旨在使參加者掌握Next.js 14 中的最新特性、優化性能,並實現現代React 技術。
培訓結束時,參與者將能夠:
- 實現高級React hooks 和並發特性。
- 有效理解和利用Next.js 路由策略。
- 利用伺服器组件、伺服器動作和混合渲染方法。
- 優化數據獲取、緩存和增量靜態再生。
- 使用Next.js 作為具有邊緣函數和邊緣運行時的後端解決方案。
- 使用React Context、Redux 和原子狀態庫管理狀態。
- 針對 Web Core Vitals 優化應用程序性能。
- 高效測試、監控和部署Next.js 應用程序。
React with Next.js
14 時間:這種以講師為主導的 香港(在線或現場)實時培訓面向希望使用 Next.js 創建 React 應用程式的Web開發人員。
在培訓結束時,參與者將能夠:
- 在Next.js中開發伺服器端 Web 應用程式和靜態網站。
- 使用 MongoDB 處理和存儲數據。
- 使用 AuthO 身份驗證保護 Web 應用程式。
Typescript Unit Testing
14 時間:TypeScript 是一種用於構建企業 Java腳本應用程式的開源語言。它是 JavaScript 的嚴格超集,可編譯為普通 Javascript,併為語言帶來靜態類型和面向對象開發。
這個由講師指導的現場培訓介紹了 TypeScript 的單元測試功能和框架。參與者有機會通過構建一系列單元測試將理論付諸實踐,這些測試可以針對實際應用程式運行。
課程形式
- 互動講座和討論。
- 大量的練習和練習。
- 在現場實驗室環境中動手實施。
課程自定義選項
- 本課程將重點介紹可用於對 Java 腳本或 Typescript 應用程式(Jasmine、Mocha、Jest、Chai 等)進行單元測試的框架。
- 諸如 React 之類的 UI 框架是可選的,如果需要,可以涵蓋這些框架。
- 如需申請本課程的定製培訓,請聯繫我們進行安排。