Rocking the web with
Mozilla said:
Google said:
Even Wikipedia said:
PWA is combine the best of the web and the best of apps, put it together and deliver a great user experieces
Me 😀Â
PWA are
Â
F
I
R
E
ast
ntegrated
eliable
ngaging
*
*
Term adopted in google I/O 2018
FIRE
ðŸ˜
ðŸ˜
But
Service worker
Manifest.json
User experience
manifest.json
Let the browser know about your manifest
Service worker
Manifest.json
User experience
Service Worker
A Javascript file that runs separatly form the main browser thread
Support?
HTTPS
What can I do with a service worker?
Intercept network request
Cache or retrive data from cache
Deliver push messages
How it works?
Service Worker lifecycle
Service worker
Manifest.json
User experience
User Experience
Add to home screen
And now we have
a basic PWA!!
REALLY??
Remember PWA is about to deliver an experience
Service worker
Manifest.json
User experience
Angular 💖 PWA
ngsw.config
app.module.ts
angular.json
Let's try it
💪💪💪
Success stories
At the end PWAs are just really good web sites
What to expect with PWAs?
References and useful content
Pwa stats
Dot Net rocks podcast
Progressive Web Apps
Â
B
uilding and publishing PWAs in app stores
Â
Service Worker lifecycle
Â
Made with Slides.com