2. Kevin Farrugia
Co-founder at Incredible Web
I am a software engineer with expertise in web technologies and a proud
advocate of Progressive Web Applications. I am motivated to share my
knowledge of PWAs with the aspiration to contribute in bringing the next 1
billion users online.
Who am I?
Author for Smashing Magazine https://www.smashingmagazine.com/2016/08/a-beginners-
Author of Building Progressive Web Apps (May 2017, Packt Publishing)
3. “Progressive web apps are ordinary mobile-
friendly web applications that may be
progressively enhanced into native-like
applications through the modern browser.”
4. A Brief History
“You’ve got everything you need if you know how to write apps using the most modern web standards to write amazing apps for the
- Taken from Walter Isaacson’s biography of Steve Jobs
SDK (later to
App Store) is
More than two
apps on the
5. Mobile Friendly Applications
Source: Stack Overflow Developer Survey 2017
6. Native App Funnel
“In a consumer mobile app, every step you make a user perform before they get value out of your app will cost you 20% of users.
8. Progressive Enhancement
// ...don't do this either
<a href="#" onclick="location.setUrl('/my-route')">My Route</a>
A website must be built in a structured-layered approach, with rock-solid HTML & content and enhancements added to improve the
9. Native Features
The most exciting aspect of a PWA is definitely the native-like user experience and features. A progressive web app is able to work
offline, receive push notifications and should be optimized to work flawlessly on mobile devices.
10. Properties of a PWA
11. App-Shell Model
The “app-shell” could be compared to the code you would publish to the app store if you were building a native app.
By correctly applying the app-shell architecture (together with service workers) you are able to achieve:
Reduced Data Usage
12. 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.
13. Web Application Manifest
"name": "Super Racer 2000",
"description": "The ultimate futuristic racing game from the
16. PWA First
Build PWA First
Progressive web apps aim to combine the advantages of both, providing both a low friction of distribution and a host of features that
improve user-engagement; with FlipKart almost reaching native app engagement levels and tripling time-on-site with their progressive