Web Unleashed 2017
UX/UIWeb DevWork Better
  • 2017-09-25 00:00:00 2017-09-26 00:00:00 America/Toronto Web Unleashed 2017 Toronto FITC
  • Toronto
  • #WEBU17

Presentation

SlideShare

Overview

Most people feel a lot less restricted to open up a browser in lieu of installing a mobile app. The convenience, security and simplicity of just typing a URL into an address bar is a powerful advantage of the web, and Progressive Web Apps (PWA) combine this with the feel of native applications.

In short, PWAs are applications that use modern web capabilities to provide a user experience similar to that of mobile and native apps. This presentation will go over how you can add a number of progressive aspects to your application including faster load times, offline support and the ability to install to your mobile home screen.

Objective

Explain the concept of Progressive Web Apps, how to build one and how to improve apps built with React, Angular or any other framework without adding too much complexity.

Target Audience

Front-end developers

Assumed Audience Knowledge

Some understanding of building web applications with a JavaScript framework or library

Five Things Audience Members Will Learn

  1. What exactly is a Progressive Web App
  2. How to use Lighthouse to test and improve your webpage
  3. Improve app loading times with a Service Worker App Shell
  4. Use a App Shell + Dynamic Content model to allow for offline support
  5. Add a web app manifest file to allow for installing an app to a mobile home screen