Progressive Web Apps in Depth

Talk que aprensenta o que é Progressive Web App através do case Minas Dev, visando tangibilizar o poder das Progressive Web Apps.

Transcript

1. PROGRESSIVE WEB APP
   

   View Slide

2. Sou Beto Muniz
   @obetomuniz
   

   View Slide

3. O que é uma Progressive Web App?
   

   View Slide

4. UX
   USER EXPERIENCE
   

   View Slide

5. View Slide

6. View Slide

7. View Slide

8. 60% dos apps existentes
   nunca foram baixados
   

   View Slide

9. View Slide

10. View Slide

11. 65% não fazem nenhum
    download mensal
    

    View Slide

12. Apps Nativos
    irão morrer?
    

    View Slide

13. Por enquanto…
    

    View Slide

14. Redução de 20% a cada ano de downloads
    

    View Slide

15. Se PWA não é suportado
    totalmente, porque usar?
    

    View Slide

16. View Slide

17. Progressivo
    Descobrível
    Responsivo
    App-like
    Universal
    Reenvolvente
    Instalável
    Seguro
    

    View Slide

18. View Slide

19. The Washington Post
    23%
    

    View Slide

20. Housing.com
    40%
    

    View Slide

21. Alibaba
    76%
    

    View Slide

22. Flipkart
    70%
    

    View Slide

23. AliExpress
    104%
    

    View Slide

24. AliExpress*
    82%
    *só no iOS
    

    View Slide

25. Minas Dev
    151%
    

    View Slide

26. View Slide

27. pwa.rocks
    

    View Slide

28. View Slide

29. Web Share API
    Payments Request API
    Bluetooth API
    Vibration API
    IndexedDB
    Background Sync
    Push Notifications
    Cache API
    . . .
    

    View Slide

30. Service Workers
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. Obrigado!
    @obetomuniz
    

    View Slide

36. Referências
    

    View Slide

37. • http://www.androidauthority.com/end-era-app-downloads-decline-usa-698555/
    • http://www.tinethygesen.com/post/42502739988/60-of-apps-have-never-been-used-
    stats-for-app
    • https://qz.com/253618/most-smartphone-users-download-zero-apps-per-month/
    • https://www.youtube.com/watch?v=QiXLaisCq10
    • https://betomuniz.com/blog/web-payments-com-payment-request-api/
    • https://betomuniz.com/blog/service-workers-be-offline/
    • https://github.com/hemanth/awesome-pwa
    • https://cloudfour.com/thinks/why-does-the-washington-posts-progressive-web-app-
    increase-engagement-on-ios/
    • https://blogs.windows.com/msedgedev/2017/03/10/progressive-web-apps-education/
    • https://developers.google.com/web/showcase/2016/pdfs/flipkart.pdf
    • https://developers.google.com/web/showcase/2016/pdfs/housing.pdf
    • https://developers.google.com/web/showcase/2016/pdfs/aliexpress.pdf
    • https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-
    pwapp/
    

    View Slide