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

Progressive Web Apps

Ursula Cervantes
August 25, 2018
Technology
0
93

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
17
React + Relay + GraphQL
ursulacervantes
0
71

Other Decks in Technology

See All in Technology
Microsoft Ignite 2024 最新情報！Microsoft 365 Agents SDK 概要 / Microsoft Ignite 2024 latest news Microsoft 365 Agents SDK overview
karamem0
0
170
panicを深ぼってみる
kworkdev
PRO
1
120
信頼性を支えるテレメトリーパイプラインの構築 / Building Telemetry Pipeline with OpenTelemetry
ymotongpoo
9
4.4k
【Λ（らむだ）】アップデート機能振り返りΛ編 / PADjp20250127
lambda
0
110
コスト削減と精度維持を両立！類似画像検索システムの内製化成功事例
shutotakahashi
0
350
第27回クラウド女子会 ～re:Invent 振り返りLT会～ 宣言型ポリシー、使ってみたらこうだった！
itkr2305
0
280
LambdaとSQLiteでシステム構築
ogadra
1
140
バクラクの組織とアーキテクチャ（要約）2025/01版
shkomine
6
650
LLM活用の現在とこれから：LayerXにおける事例とともに 2025/1 ver. / layerx-llm-202501
yuya4
3
250
トレードオフスライダーにおける品質について考えてみた
suzuki_tada
2
130
Plants vs thieves: Automated Tests in the World of Web Security
leichteckig
0
140
Makuake*UPSIDER_LightningTalk
upsider_tech
0
110

Featured

See All Featured
Designing for Performance
lara
604
68k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
260
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Music & Morning Musume
bryan
46
6.3k
Making Projects Easy
brettharned
116
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Bash Introduction
62gerente
610
210k
Mobile First: as difficult as doing things right
swwweet
222
9.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k

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