Progressive Web Apps (PWAs) combine the best of the web and the best of apps. PWAs use modern web capabilities and service workers to deliver app-like experiences to users. Service workers allow PWAs to work offline and enable push notifications, while the web app manifest provides app metadata. PWAs are responsive, connectivity-independent, and feel like native apps due to their app shell architecture. They are also fresh, safe, discoverable, re-engageable, installable, and linkable.

1. Progressive Web App
Deepankar Chopra
Senior Software Engineer
Ticketmaster

2. » Native App
» Web App
» Hybrid App
» What is a PWA (Progressive Web App)?
» Features of PWA
2Overview

3. Native App
A native app is an application that is coded in a specific
programming language, such as Objective C for iOS or Java for
Android operating systems.
Examples,
3

4. Advantages of Native Apps
» Fast and responsive
» High user engagement
» Work offline
» Push notifications
» User interface is loaded once
4

5. Disadvantages of Native Apps
» More than one codebase
» High development cost
» Take longer to build
» Difficult to send updates
» Limited apps can be installed
5

6. Web App
A web application or web app is a client–server computer program
which the client (including the user interface and client-side logic)
runs in a web browser.
Examples,
6

7. Advantages of Web Apps
» Low development cost
» Fast development cycles
» Accessible anywhere
» Easier installation and maintenance
» Accessible for a range of devices
» Low storage needed for client
7

8. Disadvantages of Web Apps
» Internet Reliance
» Reduced speed
» User interface is loaded again on page refresh
» Multiple browsers need to be supported
8

9. Hybrid App
They are built using web technologies (mainly HTML5, CSS and
JavaScript). Mostly hybrid apps are mainly website applications
disguised in a native wrapper.
Examples,
9

10. Advantages of Hybrid Apps
» Single codebase for multiple platforms
» Low development cost
» Easy to maintain
» Offline Capability
» Push notifications
10

11. Disadvantages of Hybrid Apps
» Difficulty or impossible to exploit the platforms’ full capacities
» Slower performance and transition between pages
» UX is not as good as native
» Difficult to debug
11

12. What is a PWA (Progressive Web App)?
A Progressive web app is a web app which uses modern web
capabilities to deliver an app-like user experience.
It combine the best of the web and the best of apps.
For making a PWA:
» Service Workers
» Web App Manifest
12

13. Service Workers
A service worker is a script that your browser runs in the
background, separate from a web page, opening the door to
features that don't need a web page or user interaction.
Used for :
» push notifications
» background syncing
13

14. Web App Manifest
The web app manifest provides information about an application
(such as its name, author, icon, and description) in a JSON text file.
Example,
14

15. Features of PWA
» Responsive - Fits any form factor: desktop, mobile, tablet, or whatever is
next.
» Connectivity independent - Enhanced with service workers to work offline
or on low-quality networks.
» App-like - Feels like an app, because the app shell model separates the
application functionality from application content .
» Fresh - Always up-to-date thanks to the service worker update process.
» Safe - Served via HTTPS to prevent snooping and to ensure content hasn't
been tampered with.
15

16. Features of PWA
» Discoverable - Is identifiable as an "application" thanks to W3C manifest
and service worker registration scope, allowing search engines to find it.
» Re-engageable - Makes re-engagement easy through features like push
notifications.
» Installable - Allows users to add apps they find most useful to their home
screen without the hassle of an app store.
» Linkable - Easily share the application via URL, does not require complex
installation.
16

17. Examples of PWA 17

18. Any questions?
You can mail me at
deepankar.chopra@ticketmaster.com
18THANKS!