|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-progressive-web-app-with-workbox-and-webpack-tutorial/
课程评论：没有评论
课程名称：利用 Workbox 和 Webpack 创建 React 渐进式 Web 应用教程 课程概述：本课程适合初学者、中级和高级开发者，旨在教授如何从零开始使用 Workbox 创建 React 渐进式 Web 应用（PWA）。在本课程中，您将学习： - React PWA 和 Webpack 的介绍 - 从头开始使用 Webpack 5 创建 React 项目 - 配置 React 应用与 Webpack 和 Babel - 设置 Webpack 开发服务器，进行 React 开发与生产环境的部署 - 在 React 中使用 SVG 图标及 Google 字体和样式 - 创建布局组件，实现 React 中的路由导航 - 在 React 中通过内联样式设置背景图像 - 使用 Dot Env 添加自定义环境变量 - 使用 axios 在 React 中获取数据 - 理解 Service Workers 和 Workbox - 使用 Workbox Webpack 插件配置和 manifest.json - 注册 Service Worker 以及在应用重新部署时更新缓存 - 实现 Workbox 预缓存及 Cache.update - 使用 Workbox 缓存 Google 字体、图像等 - 学习如何使用 Workbox 实现运行时缓存 在本课程的学习中，您将理解渐进式 Web 应用的独特之处以及它们对商业的影响，并掌握其构建方法。Service Worker 是在浏览器后台运行的脚本，能够实现不依赖于网页或用户交互的功能，如推送通知和后台同步等。
This course targets all: beginners, intermediate and advanced. It teaches you on how to create a React PWA app from scratch with Workbox. You will learn the following in this course:Intro to React PWA With Webpack And WorkboxCreate a React Project from Scratch With Webpack 5 From ScratchSetup a React app with Webpack and BabelSetup Webpack Dev Server React Development and Production ServerUsing SVG Icons In React Google fonts and styles Create layout componentReach Router Navigation in ReactReact Background Image Set a background Image With React Inline StylesAdding Custom Environment Variables in React with Dot EnvFetch data in React using axiosWhat Are Service Workers Workbox Webpack Plugin InjectManifestSetup Workbox Webpack Plugin Configuration and manifest.jsonService Worker Registration Workbox Window Cache update on application re-deployWorkbox Precaching In React Workbox Core preCacheAndRoute skipwaitingCaching Google Fonts Using Workbox StaleWhileRevalidate CacheFirst Caching StrategiesService Worker: How to cache imagesYou will also learn about how a Runtime caching is done in React PWA app using WorkboxIn this collection, you'll learn what makes a Progressive Web App special, how they can affect your business, and how to build them.A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction. Today, they already include features like push notifications and background sync.
