离线网络应用

使用 IndexedDB 和 Service Worker

中级

大约 3 个星期

6小时每周 (自主学习)

由以下企业参与制作:
加入成千上万的全球学员

开始免费课程

加入课程
免费
可享受
课程视频
实战练习与参考项目指导
中级

大约 3 个星期

6小时每周 (自主学习)

由以下企业参与制作:
加入成千上万的全球学员

课程概述

这门课程主要侧重于用户体验,让开发者明白优先考虑离线情况是确保应用能够在所有情形下(而不是理想情况下)都能正常运转的最佳方式。你将学习判断网络连接优良、很差、断断续续和断开之间的区别,并学会制作可以在这些条件下切换自如的应用。

你将运用在这门课程里学到的技能构建一款可以同时在联网状态和离线状态下正常运转的应用,并在联网时加载新的数据。你将成为缓存大师!你的网络应用就像原生应用一样与网络进行互动。这样的话,即使在网络连接受到影响的传统情形下也能提供更佳的用户体验,例如位于火车隧道中,需要使用有无数人使用的会议 Wi-Fi,或者经过没有移动信号的通信盲区。

为什么学习这门课程?

用户体验经常受到网络连接不佳的影响,而开发者很少能够重视起用户体验。开发者在构建应用时使用的是可靠的互联网和运行速度很快的计算机。他们在理想环境下体验自己创建的应用,几乎始终都优先考虑在线情况。但是如果你真的侧重于用户体验,就需要了解你的应用在所有情形下的运行情况。因此构建优先考虑离线情况的应用非常关键。

为了构建外观和体验始终正常(而不是在最佳情形下)的应用,你不仅需要学习新的技巧和工具,还需要改变方法和思维方式。这门课程将帮助你实现这些。

先修要求

这门课程面向的是具有 JavaScript 经验的网络开发者,包括以下经验:

  • 面向对象的 JavaScript
  • 使用原生 Promise
  • 从终端运行 Node 网络服务器

学员还应该熟练掌握 HTML 和 CSS,具有创建网络应用方面的经验。

查看使用优达学城的技术要求

你将学习什么内容?

项目

公共交通应用

你将构建一个应用,允许用户选择启程和抵达火车站,并查看列车、时刻和行程持续时间。提供默认列车时刻表,以供在应用离线情况下使用。如果存在网络连接,应用将查询提供列车和列车晚点信息“实时”状态更新的终端,获取最新信息。

学习计划

第 1 课:优先考虑离线情况的好处

第 2 课:介绍 Service Worker

第 3 课:IndexedDB 和缓存

讲师与合作伙伴

Michael Wales

Michael Wales

Michael 是一名自学成才的全栈 Web 开发者和开源倡导者。在加入优达学城之前,他已有 10 年的工作经历,为世界上一些要求最严苛的情报组织开发机密应用。由于之前的工作性质,他目前仍拥有有效的绝密安全许可,除非你也有同等许可,否则关于他的信息我们只能告诉你这么多。他在业余时间喜欢打彩弹、玩视频游戏,以及花时间陪 3 个可爱的孩子玩耍。

官方微信公众号二维码

优达学城(Udacity)微信