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
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
SREの仕事を自動化する際にやっておきたい5つのポイント
Avatar for Kazuto Kusama jacopen
6
1.2k
メルカリのAI活用を支えるAIセキュリティ
Avatar for さうす s3h
8
6k
しろおびセキュリティへ ようこそ
Avatar for ogiogi log0417
0
250
全員が「作り手」になる。職能の壁を溶かすプロトタイプ開発。
Avatar for hokuto hokuo
1
660
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
2
1.4k
分析画面のクリック操作をそのままコード化 ！ エンジニアとビジネスユーザーが共存するAI-ReadyなBI基盤
Avatar for ikumi ikumi
0
120
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
140
新規事業における「一部だけどコア」な
AI精度改善の優先順位づけ
Avatar for Higuchi kokoro zerebom
0
450
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
230
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
110
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
10
73k
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
Avatar for Shun bbqallstars
4
1.3k

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
150
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
46
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
350
It's Worth the Effort
Avatar for 3n 3n
188
29k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
170
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
150

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