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

PWA - Um futuro que já começou, não fique para trás

YanMagale
December 02, 2017
Technology
0
170

PWA - Um futuro que já começou, não fique para trás

Palestra apresentada no GDG João Monlevade em 02/12/2017

Nesta palestra vamos ver um pouco sobre o tão falado AMP e descobrir porque grandes empresas e projetos tem investido tanto em Progressive Web Apps, e como podemos utilizar todo este poder para melhorar a experiência de nossos projetos.

YanMagale

December 02, 2017
Tweet

More Decks by YanMagale

See All by YanMagale
ES2015 Template Literals - da interpolação a renderização de templates com lit-html
yanmagale
1
37
Como se tornar um desenvolvedor melhor
yanmagale
0
54
Como sobreviver com o código que eu fiz ontem
yanmagale
0
68
ES2015 Template Literals - da interpolação a renderização de templates com lit-html
yanmagale
0
39
Como ir a eventos pode mudar sua carreira e vida
yanmagale
1
43
PolymerRedux - State Management Made Simple
yanmagale
0
25
#UseThePlatform - Levando suas aplicações ao próximo nível com Polymer
yanmagale
0
65
PolymerRedux - State Management Made Simple
yanmagale
0
57
#UseThePlatfom - Levando suas aplicações ao próximo nível com Polymer
yanmagale
0
61

Other Decks in Technology

See All in Technology
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
一生覚えておきたい「システム開発＝コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
2
330
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
1
370
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.3k
Rustで「プリズモイダル法」を利用して「土量計算」をガチでやる
nokonoko1203
1
310
.NET Profiler in 2024.
kkamegawa
2
1.7k
競技としてのKaggle、役に立つKaggle
yu4u
6
2.4k
BPStudyの200回を中心にIT業界を振り返る。そしてこれから
haru860
3
410
How to do well in consulting–Balkan Ruby 2024
irinanazarova
0
150
コードや知識を組み込む / Incorporate Code and knowledge
ks91
PRO
0
150
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
120
生産性向上チームの紹介
cybozuinsideout
PRO
1
930

Featured

See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Writing Fast Ruby
sferik
622
60k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Building Your Own Lightsaber
phodgson
100
5.7k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Designing Experiences People Love
moore
136
23k
Adopting Sorbet at Scale
ufuk
69
8.6k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
The Cult of Friendly URLs
andyhume
74
5.7k

Transcript

  1. PROGRESSIVE WEB APPS UM FUTURO QUE JÁ COMEÇOU. NÃO FIQUE

    PARA TRÁS.

  2. OI, EU SOU O YAN @yanmagale @yaanmagale yanmagalhaes.com.br

  3. MOBILE

  4. None
  5. None

  6. USER EXPERIENCE

  7. None

  8. REALMENTE PRECISAMOS DE UM APP ?

  9. CUSTO DE DESENVOLVIMENTO

  10. A TAXA DE DOWNLOAD DE APPS DIMINUI 20% A CADA

    ANO https://www.androidauthority.com/end-era-app-downloads-decline-usa-698555/

  11. 60% OF APPS HAVE NEVER BEEN USED. http://www.tinethygesen.com/post/42502739988/60-of-apps-have-never-been-used-stats-for-app

  12. USERS SPEND 80 PERCENT OF TIME IN JUST FIVE APPS

    https://marketingland.com/report-mobile-users-spend-80-percent-time-just-five-apps-116858

  13. 65% DOS USUÁRIOS NÃO FAZEM DOWNLOAD DE NOVOS APPS https://qz.com/253618/most-smartphone-users-download-zero-apps-per-month/

  14. E POR QUE NÃO USAR A WEB?

  15. WEB APIS ▸ Web Components ▸ Service Workers, Vibration, Battery,

    Ambient Light ▸ Storage, Get User Media, Push Notifications ▸ Geolocation, Web Share, Payments API, Accelerometer ▸ VR ▸ Physical Web

  16. AMP

  17. None
  18. None

  19. COMPONENTS ▸ <html ⚡> ▸ <amp-img> ▸ <amp-audio> ▸ <amp-iframe>

  20. ENGAJAMENTO E UX APP ?

  21. PROGRESSIVE WEB APPS

  22. PROGRESSIVE WEB APPS PROGRESSIVO

  23. PROGRESSIVE WEB APPS RESPONSIVO

  24. PROGRESSIVE WEB APPS CONEXÃO

  25. SERVICE WORKERS <3

  26. PROGRESSIVE WEB APPS APP-LIKE

  27. None

  28. PROGRESSIVE WEB APPS ATUALIZADO

  29. PROGRESSIVE WEB APPS SEGURO

  30. PROGRESSIVE WEB APPS ENGAJÁVEL

  31. None

  32. PROGRESSIVE WEB APPS INSTALÁVEL

  33. VANTAGENS ▸ Renteção ▸ Economia ▸ Engajamento

  34. OK, ME CONVENCEU. COMO FAÇO UMA PWA?

  35. BIBLIOTECAS E FRAMEWORKS

  36. None

  37. “UNLOCK THE POWER OF WEB COMPONENTS. POLYMER IS A JAVASCRIPT

    LIBRARY THAT HELPS YOU CREATE CUSTOM REUSABLE HTML ELEMENTS, AND USE THEM TO BUILD PERFORMANT, MAINTAINABLE APPS.” https://www.polymer-project.org/

  38. MY CALM APP DEMO https://github.com/yanmagale/my-calm-app

  39. CASES

  40. FLIPKART

  41. AUMENTO DE 70% EM CONVERSÕES DE VENDAS https://developers.google.com/web/showcase/2016/flipkart

  42. TEMPO DE PERMANÊNCIA DOS USUÁRIOS AUMENTOU 3 VEZES

  43. ENGAJAMENTO 40% MAIOR

  44. CONSUMO DE DADOS 3X MAIOR

  45. OUTROS CASES ▸ Twitter ▸ Uber ▸ Telegram ▸ Pinterest

  46. https://play.google.com/store/apps/details?id=com.twitter.android.lite

  47. ONDE POSSO APRENDER MAIS?

  48. ▸ https://developers.google.com/web/progressive-web- apps/ ▸ https://developers.google.com/web/progressive-web- apps/checklist ▸ https://pwa.rocks/

  49. CONSIDERE! AVALIE!

  50. “PLANEJAR É IMPORTANTE. EXECUTAR É MAIS IMPORTANTE AINDA.”

  51. OBRIGADO! @yanmagale @yaanmagale yanmagalhaes.com.br