Course Overview

A Progressive Web App (PWA) is a web development approach that uses a combination of features and technologies to provide native-app qualities in web applications. With the advent of PWA’s, web apps have become just as capable as native apps, supporting features such as push notifications and Add to Homescreen, without giving up the reach of the web.   The features that make up a PWA are supported by many modern browsers, and you build a PWA in such a way that it will work on older browsers too.

In this 3-day hands-on lecture / lab course students will learn a web development approach that uses a combination of tools and technologies already available to create targeted, ideal user experiences.

The labs provided with the course will reinforce the concepts covered by the instructor.

Key Learning Areas

  • Why build Progressive Web Apps
  • How to convert existing web pages to PWAs
  • Core building blocks
  • The purpose of a Manifest
  • Effectively use Service Workers
  • Make your app "offline-first"
  • Use the Fetch API
  • Caching with the Service Worker
  • Caching strategies
  • Store and retrieve dynamic data with IndexedDb
  • Send and receive notifications

Course Outline

  • Introduction
  • The Service Worker
  • The Fetch API
  • Caching Data
  • Basics of IndexedDb
  • Responsive Design
  • Going Offline
  • Push and Notifications
  • Appendix: Promises

Who Benefits

Experienced web developers who are comfortable using HTML, CSS, and have experience with JavaScript.

Prerequisites

Experienced web developers who are comfortable using HTML, CSS, and have some experience with JavaScript.