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经验
需要帮助选择合适的课程吗?
china@nobleprog.com 或拨打 400 6116 540
React, Redux and TypeScript 培训 - Enquiry
React, Redux and TypeScript - 问询
问询
客户评论 (7)
细节、解释方式以及培训师的冷静和自信令人鼓舞。
Cosmin Ghergheles - Ness
课程 - React, Redux and TypeScript
机器翻译
它涵盖了基本组件
Valentin
课程 - React, Redux and TypeScript
机器翻译
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
课程 - 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
课程 - 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
课程 - 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
课程 - 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
课程 - React, Redux and TypeScript
即将举行的公开课程
相关课程
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 小时这种以讲师为主导的中国现场培训(现场或远程)针对的是希望使用Ant Design来增强其React应用程序的用户体验的开发人员。
在本次培训结束时,参与者将能够实现 Ant Design 的 React 组件来开发漂亮的企业级 Web 应用程序。
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 实现其他前端框架。
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 等)。
- UI 框架(例如 React)是可选的,并且可以根据需要进行覆盖。
- 如需请求本课程的定制培训,请联系我们进行安排。