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

Progressive Web Apps

Ursula Cervantes
August 25, 2018
Technology
0
84

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

Other Decks in Technology

See All in Technology
Fivetranでデータ移動を自動化する
hankehly
0
150
dbt_ベストプラクティス_完全に理解した.pdf
dach
2
110
TechNight#71 - Oracle Database 23c 新機能#1 JSON関連新機能
oracle4engineer
PRO
0
110
30点で打席に立つ
konifar
50
31k
Develop Sales Automation Workflow on LINE
linedevth
0
170
Failures and learnings during the adoption of DDD
mploed
0
160
サーバーレスアーキテクチャを使って、小さく作って大きくする取り組み
daikimori
0
1.1k
Dive Into The Cutting-edge LINE API Innovations
linedevth
1
360
20230829_ccoe_seminar_session_3
hiashisan
0
300
テンションも揚げてこう! Ebitengine開発
lapis2411
0
270
ヒューリスティックコンテストで機械学習しよう
nagiss
7
2.7k
Swift Package Mangerのバグを直した話
k_koheyi
2
150

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
26
45k
The Cost Of JavaScript in 2023
addyosmani
9
1.5k
Faster Mobile Websites
deanohume
296
29k
How GitHub (no longer) Works
holman
300
140k
WebSockets: Embracing the real-time Web
robhawkes
58
6.5k
Producing Creativity
orderedlist
PRO
336
38k
Intergalactic Javascript Robots from Outer Space
tanoku
263
26k
No one is an island. Learnings from fostering a developers community.
thoeni
14
1.8k
Six Lessons from altMBA
skipperchong
17
2.6k
The Cult of Friendly URLs
andyhume
71
5.3k
Become a Pro
speakerdeck
PRO
8
3.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
14k

Transcript

  1. PROGRESSIVE WEB APPS
    Ursula Cervantes
    @UrsuSays

    View Slide

  2. WEB PAGES
    THAT BEHAVE LIKE
    NATIVE APPLICATIONS

    View Slide

  3. View Slide

  4. RELIABLE

    View Slide

  5. View Slide

  6. FAST

    View Slide

  7. View Slide

  8. View Slide

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

    View Slide

  10. View Slide

  11. View Slide

  12. ENGAGING

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. YOUR APP MUST
    ➤ Have a Web App Manifest
    ➤ Be visited twice

    View Slide

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

    View Slide

  21. YOUR APP MUST
    ➤ Have a Web App Manifest
    ➤ Be visited twice
    ➤ Have a registered Service Worker
    ➤ Be server over HTTPS

    View Slide

  22. SERVICE WORKERS

    View Slide

  23. View Slide

  24. View Slide

  25. PUSH NOTIFICATION

    View Slide

  26. DEMO

    View Slide

  27. POKEDEX.ORG

    View Slide

  28. WHY PWA?

    View Slide

  29. View Slide

  30. BUT THERE IS MORE…

    View Slide

  31. LIGHTHOUSE

    View Slide

  32. View Slide

  33. View Slide

  34. PWA.ROCKS

    View Slide

  35. GRACIAS
    Ursula Cervantes
    @UrsuSays

    View Slide