Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Progressive Web Apps

Avatar for Johann du Toit Johann du Toit
June 30, 2017
Programming
120
0

Progressive Web Apps

Let's talk what they are, why there is a need for them and how to create them.

Avatar for Johann du Toit

Johann du Toit

June 30, 2017

More Decks by Johann du Toit

See All by Johann du Toit
​Natural Language, Unnatural Access: The Emerging LLM Attack Pattern
Avatar for Johann du Toit johanndutoit
0
45
RESPECTING THE MICROSERVICE.
Avatar for Johann du Toit johanndutoit
1
96
Attacking a K8s cluster and how defending it
Avatar for Johann du Toit johanndutoit
0
84
Why so serious? Using GCP for realtime video context analyzation
Avatar for Johann du Toit johanndutoit
0
93
Progressive Web Apps in 15 Minutes
Avatar for Johann du Toit johanndutoit
0
67
The Machine Learning Intervention
Avatar for Johann du Toit johanndutoit
0
87
Progressive Web Apps
Avatar for Johann du Toit johanndutoit
0
110
Launchpad Start Day 2 - Google Design Sprints
Avatar for Johann du Toit johanndutoit
2
150
Google Design Sprints
Avatar for Johann du Toit johanndutoit
0
100

Other Decks in Programming

See All in Programming
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
JPUG勉強会 OSSデータベースの内部構造を理解しよう(第２回)
Avatar for Atsushi Ogawa oga5
0
290
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
290
Security issues being discussed on Web Platforms
Avatar for petamoriken / 森建 petamoriken
0
1.4k
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
Avatar for Atsuki Seo atsuki_seo
0
1k
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
210
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
Avatar for bash0C7 bash0c7
0
460
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
100
Turning Architecture into Unit Tests in the AI Era (NSSpain XIV)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
120
MVNOの申込からeSIM開通までをiOSアプリでつなぐ- 本人確認・MNP・通信事業者基盤をまたぐ実装
Avatar for Sato Takeshi satotakeshi
0
520
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
110
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
4
400

Featured

See All Featured
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
420
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
470
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
550
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
230
Designing for Performance
Avatar for Lara Hogan lara
611
70k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
480
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
520

Transcript

  1. Progressive Web Apps or PWA for short ...

  2. Johann du Toit johanndutoit.net - @johann_du_toit

  3. This Talk

  4. This Talk

  5. None
  6. None

  7. 1976 1980 1989 1993 2017 1994

  8. None
  9. None

  10. 1976 1980 1989 1993 2017 1994

  11. None

  12. 1976 1980 1989 1993 2017 1994

  13. None
  14. None

  15. http://info.cern.ch/

  16. http://line-mode.cern.ch/

  17. None

  18. 1976 1980 1989 1993 2017 1994

  19. None

  20. 1976 1980 1989 1993 2017 1994

  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None

  28. 1976 1980 1989 1993 2017 1994

  29. None
  30. None

  31. “ The web has become the platform with the widest

    reach on all form factors and the least amount of friction for all users “ - Google Source - https://www.youtube.com/watch?v=m-sCdS0sQO8

  32. Top 1000 Mobile Properties Top 1000 Mobile Apps VS

  33. Apps Mobile Web Monthly Unique Visitors Reach 4 million 11.4

    million Source - https://www.youtube.com/watch?v=m-sCdS0sQO8

  34. Average minutes per user Engagement 188.4 minutes 9.6 minutes Source

    - https://www.youtube.com/watch?v=m-sCdS0sQO8 Apps Mobile Web
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None

  49. Progressive Web Apps

  50. None

  51. This Talk

  52. A PWA uses modern web capabilities to deliver an app-like

    user experience.
  53. None

  54. Progressive

  55. Responsive

  56. Connectivity Independent

  57. In India one hour of minimum wage work

  58. None

  59. App-like

  60. Data Fresh

  61. Safe

  62. Discoverable

  63. Re-engageable

  64. Installable

  65. None
  66. None
  67. None
  68. None

  69. Linkable

  70. None

  71. https://ride.lyft.com

  72. None
  73. None
  74. None

  75. https://app.ft.com

  76. https://app.ft.com

  77. None

  78. Well you built a pretty good performing app ...

  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None
  87. None
  88. None
  89. None
  90. None

  91. This Talk

  92. None
  93. None
  94. None
  95. None

  96. Service Workers

  97. Server Worker Tasks

  98. Server Worker Tasks

  99. None
  100. None
  101. None
  102. None
  103. None
  104. None
  105. None
  106. None
  107. None
  108. None
  109. None
  110. None
  111. None

  112. Server Worker Tasks

  113. Push Notifications

  114. None
  115. None
  116. None

  117. https://github.com/GoogleChrome/airhorn

  118. Resources • https://developers.google.com/web/progre ssive-web-apps/ • https://www.pwastats.com/ • https://app.ft.com • https://ride.lyft.com

    • http://info.cern.ch/ • http://line-mode.cern.ch/ • https://github.com/GoogleChrome/airhorn • https://airhorner.com/

  119. Slides will be automatically tweeted out at 4PM - @johann_du_toit

    Thanks! Will be posted in the comments of the meetup as well