Progressive Web Apps (PWA) 完整开发指南

建构一个感觉像 iOS 和 Android 原生应用程序的 Progressive Web apps(PWA),并可使用手机中的相机,定位,推播通知等硬件功能

繁體中文課程介紹

从这 15 个小时的课程,你会学到

  • 创建外观和感觉像原生 iOS 和 Android Apps 的 Web 应用程序
  • 使用 service workers 创建没有网络连接时还可以运作的网页应用程序(脱机优先)
  • 在你的网页应用程序中应用手机设备的相机和地理位置功能
  • 使用网页推播通知来增加用户与你的网页应用程序交互

要求

  • 需要基本的 HTML,CSS 和 JavaScript 知识
  • 不需要 JavaScript 框架使用经验

说明

渐进式网页应用程序(简称 PWA)是网页开发中的下一件大事,因为它们为用户带来了类似手机原生应用程序的体验,而不需要从 app store/ play store 下载安装。

你仍然是创建一个网页应用程序(HTML,CSS,JavaScript),但本课程将教你如何添加功能,如使用手机的相机,脱机支持的 service workers ,推播通知等。 这结合了两个世界中最好的优点:你提供快速,有吸引力和可靠的体验,同时仍然具有网页的可到达和可访问性。

“PWA ”只是概述所有功能的术语,可让你提供手机应用程序类似的体验。 这个主题是很热门的,也是这个课程的内容主题! Google 不但大力推广( 实际上Google I / O 2017开发者大会,很多会议专门讨论了 PWAs),很快就被 Twitter 或是华盛顿邮报等大公司采用

拥有建构和优化这些类型的网页应用程序的技能已经成为现代网页开发人员重要和高度要求的技能,这种趋势只会加速! 因此,学习如何创建 PWAs 将为你带来竞争优势!

详细来说,本课程将涵盖让你创建令用户经验的 PWA 所需要的所有内容,并通过使用 Google 的 PWA 审核工具“Lighthouse” 获得100分:

  • 详细说明 PWA 究竟是什么
  • 如何使用一个 app 清单将你的网页应用程序安装在手机的主画面上
  • 使用 service workers 缓存程序内容以提供脱机支持
  • 高端的 service worker 使用和缓存策略
  • 在 Promises 和 Fetch API 中使用 refresher ,因为这两个概念在 PWA 中大量使用
  • 如何通过添加推播通知来提高用户的参与度
  • 一个可以在背景同步数据的方法,即使在网络失去连接状况下
  • 如何访问手机设备的功能例如相机或是地理位置
  • 使用工具箱 ( Workbox ) 使 service worker 的管理变得更加容易
  • 如何将下一个 SPA 项目变成 PWA 的说明
  • 还有更多的内容

所有这些事情当然都是在这一个课程中来实现的。 为了确保你可以将知识应用于你的任何项目,课程中的项目不设想使用任何 JavaScript 框架,但着重于上述核心功能!

所以这个课程提供很多内容,你如何知道这是为你设计的课程?

这绝对是正确的选择,如果…

  • …你已经是一名网页开发人员(无论经验丰富还是刚接触的新手),并希望为未来做好准备
  • …你喜欢使用 HTML,CSS 和 JavaScript,并希望利用网页和浏览器技术提供的全部功能
  • …你希望通过网页推播通知或是脱机支持等技术向用户提供最佳体验

你需要知道什么才能充分利用本课程?

  • 你至少需要了解 HTML,CSS 和 JavaScript 的基础知识
  • 不需要这些技术的高端知识
  • 你不需要知道任何 JavaScript 框架,例如 Angular 或是 React- 即使你没有使用框架,PWAs 可以在任何 Javascript app 环境中运作(实际上这就是我们在课程中建构的)

我很高兴在这个课程上欢迎你,并与你一起开始这个旅程!

Max

目标受众

  • 想要建构外观和行为像原生手机应用程序的网页应用程序的人
  • 想要创建脱机就绪的网页应用程序的人(是的,这确实可行!)
  • 任何想要建构网页应用程序可提供使用手机中的相机,地理定位,推播通知和脱机支持
  • 希望利用最新浏览器功能并同时支持较旧浏览器的人

讲师介绍

Maximilian Schwarzmülle 专业 Web 开发者与讲师

从13岁开始,我从来没有停止学习新的程序技能和语言。早期我开始为朋友写网站,纯粹好玩。这种热情一直持续,让我决定做一名自由网络开发人员和顾问。我在这工作中获得很大的成就感与乐趣,这激情到现在仍活生生地在我心里。

我从后端开始做Web开发(PHP与Laravel、NodeJS),后来也用现代的框架如 Angular 2 或 VueJS 2 在很多项目中做越来越多前端开发。我现在两种开发世界都很喜欢!

因我是自学而成的开发人员,我有机会经由不同领域的工商管理硕士历练扩大我的视野。这使我能够在主要的战略咨询公司和银行工作。在学习中,我发现自己对于开发的喜爱多于其他领域,我花在这个领域的时间大大提高了我的整体的经验和技能。

经验与教学

身为一名自学而成的专业人,我真的知道在学习新的或在已知语言上求进步时会遇到什么难题或哪些会是困难的部分。这种背景和经验使我能够专注于最相关的关键概念和主题。许多5星级的课程和成功的YouTube频道上的记录是最好的证明。

无论是作为开发教练或教学工商管理我总是收到丰盛的回馈。最宝贵的经验是看到学生找到新的、更好的工作,开发出很棒的 Web 应用程序,取得精彩的项目或在我课程的帮助下将技能变成嗜好享受。

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

课程网址|♥找优惠折扣码?| 课程讨论专区

Sponsored by Udemy

你可能会有兴趣

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: