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
Course - 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 時間: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 應用程序。
Progressive Web Apps (PWA)
14 時間:在這個由講師指導的現場培訓澳門(現場或遠端)中,參與者將學習如何開發他們的第一個漸進式Web應用程式,因為他們將逐步完成一系列動手練習,最終創建和部署功能性PWA。
React: Build Highly Interactive Web Applications
21 時間:In this instructor-led, live training in 澳門, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.
By the end of this course, participants will be able to:
- Understand React's design philosophy.
- Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
- Understand React concepts such as components, props, state, and lifecycle.
- Implement related technologies such as Babel, Webpack, and JSX.
- Build, test and deploy an interactive web application.
React with Next.js
14 時間:這種以講師為主導的 澳門(在線或現場)實時培訓面向希望使用 Next.js 創建 React 應用程式的Web開發人員。
在培訓結束時,參與者將能夠:
- 在Next.js中開發伺服器端 Web 應用程式和靜態網站。
- 使用 MongoDB 處理和存儲數據。
- 使用 AuthO 身份驗證保護 Web 應用程式。