Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Progressive Web Apps
Search
Johann du Toit
June 30, 2017
Programming
0
95
Progressive Web Apps
Let's talk what they are, why there is a need for them and how to create them.
Johann du Toit
June 30, 2017
Tweet
Share
More Decks by Johann du Toit
See All by Johann du Toit
RESPECTING THE MICROSERVICE.
johanndutoit
1
56
Attacking a K8s cluster and how defending it
johanndutoit
0
58
Why so serious? Using GCP for realtime video context analyzation
johanndutoit
0
74
Progressive Web Apps in 15 Minutes
johanndutoit
0
37
The Machine Learning Intervention
johanndutoit
0
63
Progressive Web Apps
johanndutoit
0
92
Launchpad Start Day 2 - Google Design Sprints
johanndutoit
2
120
Google Design Sprints
johanndutoit
0
81
Cloud Messaging
johanndutoit
0
170
Other Decks in Programming
See All in Programming
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
120
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
730
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
130
SpringBoot3.4の構造化ログ #kanjava
irof
2
980
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
340
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.9k
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
120
DROBEの生成AI活用事例 with AWS
ippey
0
130
CI改善もDatadogとともに
taumu
0
110
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
740
Featured
See All Featured
Building Your Own Lightsaber
phodgson
104
6.2k
Docker and Python
trallard
44
3.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
The Invisible Side of Design
smashingmag
299
50k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
We Have a Design System, Now What?
morganepeng
51
7.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
It's Worth the Effort
3n
184
28k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
A Tale of Four Properties
chriscoyier
158
23k
Music & Morning Musume
bryan
46
6.3k
Transcript
Progressive Web Apps or PWA for short ...
Johann du Toit johanndutoit.net - @johann_du_toit
This Talk
This Talk
None
None
1976 1980 1989 1993 2017 1994
None
None
1976 1980 1989 1993 2017 1994
None
1976 1980 1989 1993 2017 1994
None
None
http://info.cern.ch/
http://line-mode.cern.ch/
None
1976 1980 1989 1993 2017 1994
None
1976 1980 1989 1993 2017 1994
None
None
None
None
None
None
None
1976 1980 1989 1993 2017 1994
None
None
“ 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
Top 1000 Mobile Properties Top 1000 Mobile Apps VS
Apps Mobile Web Monthly Unique Visitors Reach 4 million 11.4
million Source - https://www.youtube.com/watch?v=m-sCdS0sQO8
Average minutes per user Engagement 188.4 minutes 9.6 minutes Source
- https://www.youtube.com/watch?v=m-sCdS0sQO8 Apps Mobile Web
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Progressive Web Apps
None
This Talk
A PWA uses modern web capabilities to deliver an app-like
user experience.
None
Progressive
Responsive
Connectivity Independent
In India one hour of minimum wage work
None
App-like
Data Fresh
Safe
Discoverable
Re-engageable
Installable
None
None
None
None
Linkable
None
https://ride.lyft.com
None
None
None
https://app.ft.com
https://app.ft.com
None
Well you built a pretty good performing app ...
None
None
None
None
None
None
None
None
None
None
None
None
This Talk
None
None
None
None
Service Workers
Server Worker Tasks
Server Worker Tasks
None
None
None
None
None
None
None
None
None
None
None
None
None
Server Worker Tasks
Push Notifications
None
None
None
https://github.com/GoogleChrome/airhorn
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/
Slides will be automatically tweeted out at 4PM - @johann_du_toit
Thanks! Will be posted in the comments of the meetup as well