Transform a React Application into a Progressive Web App (PWA) 培训
React 是一个 JavaScript 图书馆,用于创建前端网页应用。 Progressive Web Apps 是 Web 应用程序,它们在 Android, Windows 和更多上运作并看起来像原住民应用程序。 转换一个(3)应用程序集成原始功能,如离线可用性,推通知等。
由教练领导的现场培训(在线或在线)针对那些希望将应用程序转化为一个进步的Web应用程序的开发人员。
在本研讨会结束后,参与者将能够:
- 建立必要的开发环境,以便开始转型应用(3)。
- 使用 Service Worker 进行缓存,以便在非线完成应用程序工作。
- 创建和格式一个 push 通知。
- 将逐步的 Web 应用程序安装在移动设备上。
课程格式
- 互动讲座和讨论。
- 很多练习和练习。
- 在现场实验室环境中进行手动实施。
课程定制选项
- 要申请此课程的定制培训,请联系我们安排。
课程大纲
介绍
React 和 JavaScript 库
- JavaScript 库中用于开发 Web 应用程序的过程
Web 应用程序开发周期概述
- 本机应用程序与渐进式应用程序
- Java脚本逻辑、CSS 模板和 HTML 模板
React 通过渐进式 Web 应用实现原生
- 跨平台
- 向后兼容性
- 功能奇偶校验
渐进式 Web 应用和推送通知
- 推送 API
- 2012 作者:Elder E
准备开发环境
- 安装和配置 Node.Js
- 安装和配置 NPM
编程和优化 React 应用程序
- 创建新的样板 React 应用程序
- 安装 dom 路由器以在 React 应用程序中导航和保存
- 对待办事项列表进行编码
- 更新默认样式
- 注册 Service Worker
配置图标和推送通知
- 创建推送通知并设置其样式
- 创建图标和设置图标样式
部署应用程序
- 在移动模拟器或移动设备上运行 React 应用程序
测试应用程序
- 使用 Lighthouse 对 React 应用程序进行校对,以确定它是否符合 PWA 标准
总结和结论
要求
- 经验 React
观众
- 开发 人员
需要帮助选择合适的课程吗?
Transform a React Application into a Progressive Web App (PWA) 培训 - Enquiry
Transform a React Application into a Progressive Web App (PWA) - 问询
问询
客户评论 (1)
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
课程 - Transform a React Application into a Progressive Web App (PWA)
即将举行的公开课程
相关课程
Advanced Progressive Web App (PWA)
14 小时这种由讲师指导的实时培训 中国 (现场或远程)面向希望创建高级渐进式 Web 应用程序的开发人员,这些应用程序执行与推送 通知和离线可用性相关的独家功能。
在培训结束时,参与者将能够:
- 设置必要的开发环境以开始开发高级渐进式 Web 应用。
- 创建启用订阅的推送通知。
- 使用 Service Worker 进行缓存,使 Web 应用程序脱机工作。
- 创建推送通知,提示频繁访问者安装应用程序。
Advanced React
14 小时这种以讲师为主导的中国现场(现场或远程)的现场培训针对希望构建React组件和设计复杂应用程序的开发人员。
在培训结束时,参与者将能够:
- 了解 React 的高级概念,包括上下文 API、HOC、外部状态、异步 API 等。
- 使用 React 构建可组合组件。
- 启用服务器端和客户端身份验证。
- 实现 React 和 Redux 库来管理复杂的有状态应用程序。
- 减少代码并优化应用程序的性能。
- 测试和部署应用程序。
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 实现其他前端框架。
Building Microservices with NodeJS and React
21 小时此讲师指导的现场培训(在线或现场)面向希望使用由 NodeJS 和 React 构建的微服务来构建、部署和扩展应用程序的经验丰富的开发人员。
到本次培训结束时,参与者将能够:
- 使用不同的微服务开发、部署和扩展应用程序。构建服务器端呈现的 React 应用程序。使用 Docker 和 Kubernetes 将多服务应用程序部署到云中。对微服务执行应用程序测试。
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 应用程序。
Progressive Web Apps (PWA)
14 小时在这个由讲师指导的现场培训中国(现场或远程)中,参与者将学习如何开发他们的第一个渐进式Web应用程序,因为他们将逐步完成一系列动手练习,最终创建和部署功能性PWA。
React with Next.js
14 小时这种以讲师为主导的 中国(在线或现场)实时培训面向希望使用 Next.js 创建 React 应用程序的 Web 开发人员。
在培训结束时,参与者将能够:
- 在Next.js中开发服务器端 Web 应用程序和静态站点。
- 使用 MongoDB 处理和存储数据。
- 使用 AuthO 身份验证保护 Web 应用程序。