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
The Java, the JavaScript, and the Future
Search
AMahdy Abdelaziz
September 26, 2018
Programming
0
25
The Java, the JavaScript, and the Future
AMahdy Abdelaziz
September 26, 2018
Tweet
Share
More Decks by AMahdy Abdelaziz
See All by AMahdy Abdelaziz
Migrate Enterprise Apps to Kotlin
amahdy
0
36
DevNexus 2018 | Dismantling a Progressive Web App
amahdy
0
170
Offline First Design Inspirations @ GDE Summit 17
amahdy
0
40
OfflineFirst apps with WebComponents
amahdy
0
220
Other Decks in Programming
See All in Programming
Try creating your own orderedmap
kazamori
1
170
Ruby GitHub Packages
bkuhlmann
0
640
PostmanでAPIの動作確認が楽になった話
h455h1
0
180
Milestoner
bkuhlmann
1
410
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
440
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
500
Deep Dive into React Stream/Serialize
mugi_uno
3
610
Polars入門
daikikatsuragawa
1
170
Git Lint
bkuhlmann
4
760
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
430
PHPはいつから死んでいるかの調査
chiroruxx
2
410
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
140
Featured
See All Featured
Designing for Performance
lara
602
67k
Why Our Code Smells
bkeepers
PRO
331
56k
Git: the NoSQL Database
bkeepers
PRO
423
63k
It's Worth the Effort
3n
180
27k
How STYLIGHT went responsive
nonsquared
92
4.8k
RailsConf 2023
tenderlove
8
550
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
Become a Pro
speakerdeck
PRO
13
4.6k
Bash Introduction
62gerente
605
210k
GitHub's CSS Performance
jonrohan
1025
450k
Into the Great Unknown - MozCon
thekraken
14
1k
Optimizing for Happiness
mojombo
370
69k
Transcript
T H E J A V A , T H
E J A V A S C R I P T , & T H E F U T U R E http:// j.mp / javapwa
T H E J A V A , T H
E J A V A S C R I P T , & T H E F U T U R E A M A H D Y A B D E L A Z I Z @ A M A H D Y 7
# 1 J A V A U I F R
A M E W O R K 1. 100% Java 2. Awesome UX 3. Big set of Components + Add-ons 4. Used by 40% of fortune 500 companies 5. And much more… Vaadin
None
Technology
Technology
Technology Content Producer
Technology Content Producer
None
Technology USER
Technology ‘ C L O U D ’ I S
T H E D E F A U L T ‘ M O B I L E ’ I S TA K I N G O V E R H O W F U T U R E L O O K L I K E ?
B I G T R E N D S
vs. Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
13% 87% Mobile web Apps
80% OF TIME SPENT IS IN USERS’ TOP 3 APPS
Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
Capability Reach
ZERO NUMBER OF APPS AVERAGE USER INSTALLS PER MONTH Source:
comScore Mobile Metrix, U.S., Age 18+, June 2015
None
Capability Reach
Capability Reach
P W A
P W A P R O G R E
S S I V E W E B A P P
Progressive Web App • Web Workers • Offline Support •
Push Notification • Install on home screen (of any device) • …. bla bla P R O G R E S S I V E L Y L O A D I N G T H E A P P ?
B U I L D I N G A P
W A
Reliable User experiences need to be...
Reliability means never showing the offline dinosaur
Reliable Fast User experiences need to be...
of users abandon sites that take longer than 3 seconds
to load 40%
Reliable Fast Engaging User experiences need to be...
Full screen, theming, orientation, etc. Push notifications Immersive Notifications Engaging
Auto-adding to Home Screen Home Screen
` Web Push Notifications
None
None
Practical Test 1. Mobile-first design 2. Offline-first design 3. Coffee-first
design
Progressive Web App in Java
Progressive Web App in Java Content Producer
Technology ‘ C L O U D ’ I S
T H E D E F A U L T ‘ M O B I L E ’ I S TA K I N G O V E R H O W F U T U R E L O O K L I K E ?
Technology ‘ C L O U D ’ I S
T H E D E F A U L T ‘ M O B I L E ’ I S TA K I N G O V E R ‘ M O B I L E - W E B ’ I S T H E N E A R F U T U R E
Bringing Component-based Software Engineering to the Web
None
•Angular •Polymer •React •Framework.JS
None
None
100% Polymer
100% Angular*
100% JAVA!
P R O G R E S S I V
E W E B A P P S I N J A V A https://j.mp/javapwa G I T H U B https://github.com/amahdy/java-pwa <Links> T H A N K YO U ! - B U D D H A