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

Progressive Web Apps

Ursula Cervantes
August 25, 2018
Technology
0
92

Progressive Web Apps

Google I/O Extended - Lima 2018

Ursula Cervantes

August 25, 2018
Tweet

More Decks by Ursula Cervantes

See All by Ursula Cervantes
Bringing songs to life through music visualization
ursulacervantes
0
14
React + Relay + GraphQL
ursulacervantes
0
67

Other Decks in Technology

See All in Technology
OS 標準のデザインシステムを超えて - より柔軟な Flutter テーマ管理 | FlutterKaigi 2024
ronnnnn
1
340
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
810
Zennのパフォーマンスモニタリングでやっていること
ryosukeigarashi
0
560
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
2
570
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
600
AI前提のサービス運用ってなんだろう？
ryuichi1208
8
1.4k
OCI Vault 概要
oracle4engineer
PRO
0
9.8k
A Tour of Anti-patterns for Functional Programming
guvalif
0
470
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
200
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
3.2k
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
390
SkiaとImpellerについて
moriya0130
0
150

Featured

See All Featured
Site-Speed That Sticks
csswizardry
0
41
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
KATA
mclloyd
29
14k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Done Done
chrislema
181
16k
Building Adaptive Systems
keathley
38
2.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
140
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k

Transcript

  1. PROGRESSIVE WEB APPS Ursula Cervantes @UrsuSays

  2. WEB PAGES THAT BEHAVE LIKE NATIVE APPLICATIONS

  3. None

  4. RELIABLE

  5. None

  6. FAST

  7. None
  8. None

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

    OR ELEMENTS
  10. None
  11. None

  12. ENGAGING

  13. None
  14. None
  15. None
  16. None
  17. None
  18. None

  19. YOUR APP MUST ➤ Have a Web App Manifest ➤

    Be visited twice

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

  21. YOUR APP MUST ➤ Have a Web App Manifest ➤

    Be visited twice ➤ Have a registered Service Worker ➤ Be server over HTTPS

  22. SERVICE WORKERS

  23. None
  24. None

  25. PUSH NOTIFICATION

  26. DEMO

  27. POKEDEX.ORG

  28. WHY PWA?

  29. None

  30. BUT THERE IS MORE…

  31. LIGHTHOUSE

  32. None
  33. None

  34. PWA.ROCKS

  35. GRACIAS Ursula Cervantes @UrsuSays