Logo
☆☆☆☆☆
0.0
Beginner
5h

通过渐进式Web应用优化您的网络项目

渐进式Web应用(Progressive Web Applications,简称PWA)代表了现代Web解决方案的前沿。通过采用恰当的策略,我们可以显著提升整体性能,并在无网络连接的情况下依然提供数据支持。 在日益以移动设备为主导的世界中,优化网页加载时间可能直接决定我们业务的成功与否。 我们将首先介绍PWA的概念,并阐述其相较于原生应用和传统Web应用的优势。随后深入探讨核心概念,如服务工作线程(service workers)、缓存策略及其在不同场景下的适用时机。 除了通用且与框架无关的代码示例外,本课程还将专门设置一个“动手实践”环节,聚焦于Angular框架,从零开始构建一个完整的、贴近真实世界的PWA项目。 最后,我们将学习如何将PWA部署到云端,涵盖多种云服务商的方案,并详细讲解使用Firebase平台的具体方法。由此,完成我们对PWA领域的全面探索之旅。

9 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
通过渐进式Web应用优化您的网络项目
渐进式Web应用(Progressive Web Applications,简称PWA)代表了现代Web解决方案的前沿。通过采用恰当的策略,我们可以显著提升整体性能,并在无网络连接的情况下依然提供数据支持。 在日益以移动设备为主导的世界中,优化网页加载时间可能直接决定我们业务的成功与否。 我们将...

WHAT YOU'LL LEARN

理解渐进式 Web 应用(PWA)的概念及其相较原生应用和传统 Web 应用的优势

Content

9 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    课程受众

渐进式方法
  1. 1

    PWA的优势

  2. 2

    PWA 的定义与特点

在设备上安装 PWA
  1. 1

    Web 应用清单

  2. 2

    可遮罩图标(concept)

  3. 3

    添加到主屏幕(A2HS)

  4. 4

    Safari 中的应用图标

  5. 5

    PWACompat 库

  6. 6

    测试

服务工作者
  1. 1

    服务工作者概览

  2. 2

    生命周期

  3. 3

    测试

  4. 4

    创建自定义离线页面

缓存策略
  1. 1

    基础策略

  2. 2

    更高级的缓存策略

  3. 3

    缓存的局限性

  4. 4

    云 Firestore

  5. 5

    测试

PWA 工具和库
  1. 1

    PWA Builder - 分析现有应用

  2. 2

    PWA Builder - 将 PWA 发布到应用商店

  3. 3

    Workbox

  4. 4

    Google Lighthouse

  5. 5

    测试

Angular PWA
  1. 1

    为什么选择 Angular?

  2. 2

    创建一个 Angular 项目

  3. 3

    为项目添加 PWA 功能

  4. 4

    服务工作线程配置文件

  5. 5

    Angular PWA 演示

  6. 6

    测试

部署我们的PWA
  1. 1

    部署与托管

  2. 2

    将我们的PWA部署到Firebase

  3. 3

    部署到 gh-pages

总结
  1. 1

    结论

  2. 2

    更多资源

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)