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

Progressive Web Apps

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Ursula Cervantes Ursula Cervantes
August 25, 2018
Technology
0
98

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
41
React + Relay + GraphQL
Avatar for Ursula Cervantes ursulacervantes
0
79

Other Decks in Technology

See All in Technology
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
340
2026年はチャンキングを極める！
Avatar for shibuiwilliam shibuiwilliam
9
1.9k
MySQLのJSON機能の活用術
Avatar for mikoma ikomachi226
0
150
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
140
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
4
4.8k
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
160
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
260
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
310
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
420
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.5k
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
170

Featured

See All Featured
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
670
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
97
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
310
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
64

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