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
Open source software: how to live long and go far
gaelvaroquaux
0
620
最近のVS Codeで気になるニュース 2025/01
74th
1
250
Spring gRPC について / About Spring gRPC
mackey0225
0
220
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
Domain-Driven Transformation
hschwentner
2
1.9k
[Fin-JAWS 第38回 ~re:Invent 2024 金融re:Cap~]FaultInjectionServiceアップデート@pre:Invent2024
shintaro_fukatsu
0
400
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
10
1.8k
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
It's Worth the Effort
3n
184
28k
Building Adaptive Systems
keathley
40
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
4 Signs Your Business is Dying
shpigford
182
22k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Being A Developer After 40
akosma
89
590k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Typedesign – Prime Four
hannesfritz
40
2.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.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