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

Rocking the web with PWA

By Juan José Rendon

Rocking the web with PWA

how PWA works - Service Worker - transform your project into PWA

  • 1,168