Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web Apps

Progressive Web Apps

Google I/O Extended - Lima 2018

Ursula Cervantes

August 25, 2018
Tweet

More Decks by Ursula Cervantes

Other Decks in Technology

Transcript

  1. PROGRESSIVE WEB APPS
    Ursula Cervantes
    @UrsuSays

    View Slide

  2. WEB PAGES
    THAT BEHAVE LIKE
    NATIVE APPLICATIONS

    View Slide

  3. View Slide

  4. RELIABLE

    View Slide

  5. View Slide

  6. FAST

    View Slide

  7. View Slide

  8. View Slide

  9. MAKE SURE YOU’RE NOT BLOCKING
    THE RENDERER WAITING ON
    POLYFILLS OR ELEMENTS

    View Slide

  10. View Slide

  11. View Slide

  12. ENGAGING

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. YOUR APP MUST
    ➤ Have a Web App Manifest
    ➤ Be visited twice

    View Slide

  20. (╯°□°)╯︵ ┻━┻

    View Slide

  21. YOUR APP MUST
    ➤ Have a Web App Manifest
    ➤ Be visited twice
    ➤ Have a registered Service Worker
    ➤ Be server over HTTPS

    View Slide

  22. SERVICE WORKERS

    View Slide

  23. View Slide

  24. View Slide

  25. PUSH NOTIFICATION

    View Slide

  26. DEMO

    View Slide

  27. POKEDEX.ORG

    View Slide

  28. WHY PWA?

    View Slide

  29. View Slide

  30. BUT THERE IS MORE…

    View Slide

  31. LIGHTHOUSE

    View Slide

  32. View Slide

  33. View Slide

  34. PWA.ROCKS

    View Slide

  35. GRACIAS
    Ursula Cervantes
    @UrsuSays

    View Slide