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
91
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
43
Attacking a K8s cluster and how defending it
johanndutoit
0
56
Why so serious? Using GCP for realtime video context analyzation
johanndutoit
0
71
Progressive Web Apps in 15 Minutes
johanndutoit
0
33
The Machine Learning Intervention
johanndutoit
0
61
Progressive Web Apps
johanndutoit
0
87
Launchpad Start Day 2 - Google Design Sprints
johanndutoit
2
110
Google Design Sprints
johanndutoit
0
76
Cloud Messaging
johanndutoit
0
150
Other Decks in Programming
See All in Programming
Honoとhtmx
yusukebe
6
1.2k
GitHub Copilot Tips and Tricks
yuichielectric
26
7.5k
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
5
1.1k
Open Source Swift Workshop - Foundation and first party libraries
ikesyo
0
270
生成 AI の中身を覗いてみよう〜基礎から医療現場での応用まで〜
soh9834
2
770
The Future of C++ Interoperability: Insights from Porting a Game to Swift
teamhimeh
0
280
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
[スクリプト] Swiftの型推論を学ぼう
omochi
0
120
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
280
Open Source Swiftc Workshop
kitasuke
1
290
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
380
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
304
41k
How to Ace a Technical Interview
jacobian
272
22k
Happy Clients
brianwarren
91
6.3k
Agile that works and the tools we love
rasmusluckow
323
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Gamification - CAS2011
davidbonilla
76
4.5k
Docker and Python
trallard
33
2.6k
Atom: Resistance is Futile
akmur
258
25k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
219
21k
Raft: Consensus for Rubyists
vanstee
130
6.2k
How to name files
jennybc
62
92k
Debugging Ruby Performance
tmm1
68
11k
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