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

Progressive Web Apps

Avatar for Ursula Cervantes Ursula Cervantes
August 25, 2018
Technology
0
94

Progressive Web Apps

Google I/O Extended - Lima 2018
Avatar for Ursula Cervantes

Ursula Cervantes

August 25, 2018
Tweet

More Decks by Ursula Cervantes

See All by Ursula Cervantes
Bringing songs to life through music visualization
Avatar for Ursula Cervantes ursulacervantes
0
30
React + Relay + GraphQL
Avatar for Ursula Cervantes ursulacervantes
0
73

Other Decks in Technology

See All in Technology
AWS認定を取る中で感じたこと
Avatar for Siromi siromi
1
210
事例で学ぶ！B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
160
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
Avatar for kohbis kohbis
2
370
AWS CDKの仕組み / how-aws-cdk-works
Avatar for k.goto gotok365
8
300
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for michal deltahelp
0
930
Lakebaseを使ったAIエージェントを実装してみる
Avatar for camay kameitomohiro
0
160
AI専用のリンターを作る #yumemi_patch
Avatar for 弁護士ドットコム bengo4com
6
4.4k
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
Avatar for coconala_engineer coconala_engineer
1
150
AI エージェントと考え直すデータ基盤
Avatar for na0 na0
17
5.5k
AWS CDK 開発を成功に導くトラブルシューティングガイド
Avatar for Ryota Nakajima wandora58
3
130
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for heron31238 unitedflyhelp
0
330
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
Avatar for ar_tama ar_tama
7
1.2k

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
510
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
440

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