Slide 1

Slide 1 text

PWAs are the new black or: how to start being cool too and create PWAs guru sorocaba felipe bernardes

Slide 2

Slide 2 text

i know I am sorry I promised something else to you

Slide 3

Slide 3 text

but wait I have learned some stuff and want to share with you

Slide 4

Slide 4 text

a PWA… - wtf - how-to - examples

Slide 5

Slide 5 text

a PWA… - is charming & app-like - works offline - can be installed

Slide 6

Slide 6 text

how-to - is charming & app-like - works offline - can be installed manifest.json, app icon & CSS service worker & local storage chrome||firefox & manifest.json

Slide 7

Slide 7 text

a PWA also… - progressive (by asking permission when user is using it) - re-engageable (thourhg push notifications) - safe (https or localhost-only) - linkable (shareable via url. reallu) - responsive (to any screensize)

Slide 8

Slide 8 text

manifest.json, app icon & CSS

Slide 9

Slide 9 text

service worker & local storage

Slide 10

Slide 10 text

chrome||firefox & manifest.json (safari soon)

Slide 11

Slide 11 text

refs & resources https://pwa.rocks/ https://developers.google.com/web/ilt/pwa/introduction-to-service-worker https://developers.google.com/web/progressive-web-apps/ https://developer.mozilla.org/en-US/Apps/Progressive https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0 https://tomitm.github.io/appmanifest/