感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
現代前端應用程式開發
- React、Angular 和 Vue.js 的概覽與相似之處
- 聲明式渲染
- 元件 - 定義自訂 HTML 標籤
- 使用 create-react-app 初始化 React 專案
現代 JavaScript
- 使用 node.js 和 npm 進行開發
- JavaScript 版本演進
- 模組的使用
- 函式與箭頭函式
- 類別(Classes)
- JavaScript 中的函式式程式設計(map, filter, ...)
TypeScript
- 靜態型別與動態型別
- 聲明變數、函式和類別的型別
- 基本資料型別
- 元組(Tuples)與物件
- 介面(Interfaces)
- 泛型(Generics)
React 模板語言
- 基於 JavaScript 的模板語言:JSX
- 設定元素屬性
- 重複元素
- 條件判斷(if / else)
- 事件處理
- CSS 類別與樣式
React 中的狀態管理
- 設定與變更應用程式狀態
- 使用 state hook 和 setState
- 在狀態中捕捉輸入元件的內容
元件:現代網頁應用程式的建構模塊
- 在 React 中定義自訂 HTML 標籤
- 狀態、props 與事件
- 元件之間的数据流
- 函式元件與類別元件
- 在函式元件中使用 hooks
- 元件生命週期事件(mount, update, unmount)
- 包含來自函式庫的預定義元件
使用 Redux 進行狀態管理
- Redux 基礎:使用純函式、reducers 和不可變資料進行狀態管理
- 在 React 中使用 reducer hook
- 將 Redux 整合至 React 應用程式
- 展示型元件(Presentational)與容器型元件(Container)
- Redux 生態系
- 使用 Thunk 處理非同步事件
- 從 REST API 擷取資料
開發工具與測試
- React 開發工具
- Redux 開發工具
- 使用 Jest 測試 JavaScript
- 測試 reducers
- 測試 React 元件
React Router
- 客戶端路由
- 根據目前瀏覽器路由顯示不同檢視
使用 React 進行應用程式開發
- React Native 簡要概觀
- 使用漸進式網頁應用程式(Progressive Web Apps)建立可安裝的手機與桌面應用程式
- 漸進式網頁應用程式與原生應用程式的比較
最低要求
- HTML 基礎知識
- JavaScript 使用經驗
21 小時
客戶評論 (7)
终于对React的一些核心概念有了扎实的理解,特别是state和hooks这些内容,感觉非常好。Łukasz对这些概念进行了非常清晰的讲解,并且乐于通过实际示例进行尝试,帮助我们进一步澄清问题。
Hayden Pike - Powerlink Queensland
課程 - React, Redux and TypeScript
機器翻譯
細節詳盡,講解方式清晰,培訓師展現出的冷靜與自信令人印象深刻。
Cosmin Ghergheles - Ness
課程 - React, Redux and TypeScript
機器翻譯
它涵蓋了基本組件
Valentin
課程 - React, Redux and TypeScript
機器翻譯
Lukasz的熱情。
Eloise Phelps - Dunelm
課程 - React, Redux and TypeScript
機器翻譯
Luke在幫助每個人解決代碼運行問題時付出了很大努力。他非常友好,與課程參與者相處融洽。
Jonathan Grout - Dunelm
課程 - React, Redux and TypeScript
機器翻譯
培訓師與所有參與者的互動非常出色,每個人在課程的某個階段都得到了幫助。總體而言,這是一次很棒的經歷,特別適合對該主題不熟悉的人。
Tayyab Ejaz Mushtaq - Dunelm
課程 - React, Redux and TypeScript
機器翻譯
我喜歡這種安全的環境氛圍,在分享我的屏幕和困難時,我沒有感到壓力,無論是面對培訓師還是小組。
Wanda Hawkins-Kavanagh - Dunelm
課程 - React, Redux and TypeScript
機器翻譯