1.
Progressive Web
Apps
And how can we use it!

2.
Progressive Web
App in Action
Chrome Dev Summit Website

3.
Whats PWA?
A web application that has a responsive
layout, works offline and can be can be
installed on the home screen of a device.

4.
Um okay, What are the features?
• Responsive: to fit any form
factor
• Connectivity independent:
Progressively-enhanced with
Service Workers to let them work
offline
• Discoverable: Are identifiable
as “applications” thanks to W3C
Manifests and Service Worker
registration scope allowing
search engines to find them

5.
Um okay, What are the features?
• Fresh: Transparently always
up-to-date thanks to the
Service Worker update
process
• Safe: Served via TLS (a
Service Worker requirement)
to prevent snooping
• App-like-interactions: Adopt
a Shell + Content application
model to create app-like
navigations & interactions

6.
Um okay, What are the features?
• Re-engageable: Can access the
re-engagement UIs of the OS;
e.g. Push Notifications
• Installable: to the home screen
through browser-provided
prompts, allowing users to “keep”
apps they find most useful without
the hassle of an app store
• Linkable: meaning they’re zero-
friction, zero-install, and easy to
share. The social power of URLs
matters.

7.
Add on Homepage Treated like an app Push Notifications

8.
No Commitment
Bullshit!
And the best part?

9.
Not every customer or potential customer
will have your native app installed

10.
You should provide a faster web
experience for web customers
In short, the faster your site is, the more likely you are to have happy
customers and make more money
.
Progressive Web Apps are fast. The Washington Post’s Progressive
Web App loads new pages in less than a second.

11.
Your web
users might
benefit from
push
notifications

12.
So what did we learn today?
• PWA will help us provide a better user experience
to web customers.
• PWA is safe, speedy and beautiful.
• Not every users will download and keep your native
app, hence web app is the way to go.

13.
https://pwa.rocks/
See more examples at