Attacking (and Defending) Apache Kafka | Kafka Summit London
Introduction to Progressive Web Apps (PWA)
1. Progressive Web Apps (PWA)
An Introduction
By: Sandip Nirmal
sandip.nirmal@synerzip.com
2. Contents
● Web Application
● Progressive Web App
● Taking App Offline
● Making app installable
● App Demo
● Browser Support, etc
3. Web Application
“Web application or web app is a client–server software application in
which the client (or user interface) runs in a web browser”
- Wikipedia
● Connectivity Dependant
● Non installable
4. Progressive Web App
● Offline first
● Installable
● Safe
● Responsive
● Re-engageable
● App-like
● etc
5. Taking App Offline
● Service Worker are
● event-driven script contexts that run at an origin.
● Sits in between origin and internet
● Acts as a proxy
● Caches API are
● New Storage API
● Can store any content (served over the web)
● Developer has entire control over it
14. Browser Support
● Chrome - Desktop and Mobile (Android)
● Firefox - Desktop and Mobile (Android)
● Microsoft Edge - Windows desktop and Mobile (Under Development)
● Opera - Desktop and Mobile (Android)
● Safari - MacOS and iOS (Under consideration)
● https://jakearchibald.github.io/isserviceworkerready/
16. Why PWA
● 55% of entire web traffic is from mobile devices
● Browser supports native features (https://whatwebcando.today/)
● Reduced development efforts
Current (web/desktop + android + iOS + windows)
With PWA (PWA & iOS)
18. THANK YOU
Demo App : https://sandipnirmal.github.io/weather-app-PWA
Code Repo: https://www.github.com/sandipnirmal/weather-app-PWA
Editor's Notes
Web Applications traditionally assume that the network is reachable.
HTML documents are loaded over HTTP and traditionally fetch all of their sub-resources via subsequent HTTP requests.
This places web content at a disadvantage versus other technology stacks.
Connectivity independent
Installable
Other features can be found on https://developers.google.com/web/progressive-web-apps/checklist
Opera is built on Chrome’s engine blink
Safari added features in iOS 4, hasn’t picked pace from then on
Steve Jobs wanted all iPhone apps to be built using Web technology (before App Store)
Lighthouse - PWA testing tool (Chrome extension)
Validates all aspects of PWA
Mobile first websites
There is no guarantee of network
App Store free distribution. (No loss of 30% app revenue)
Need to implement payment gateway on our own.