The Java, the JavaScript, and the Future

Transcript

1. 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
2. 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
3. # 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
5. Technology
6. Technology
7. Technology Content Producer
8. Technology Content Producer
10. Technology USER
11. 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 ?
12. B I G T R E N D S
13. vs. Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 13% 87% Mobile web Apps
14. 80% OF TIME SPENT IS IN USERS’ TOP 3 APPS Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
15. Capability Reach
16. ZERO NUMBER OF APPS AVERAGE USER INSTALLS PER MONTH Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
18. Capability Reach
19. Capability Reach
20. P W A
21. P W A 
 P R O G R E S S I V E W E B A P P
22. 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 ?
23. B U I L D I N G A P W A
24. Reliable User experiences need to be...
25. Reliability means never showing 
 the offline dinosaur
26. Reliable Fast User experiences need to be...
27. of users abandon sites that take longer than 3 seconds to load 40%
28. Reliable Fast Engaging User experiences need to be...
29. Full screen, theming, orientation, etc. Push notifications Immersive Notifications Engaging Auto-adding to Home Screen Home Screen
30. ` Web Push Notifications
33. Practical Test 1. Mobile-first design 2. Offline-first design 3. Coffee-first design
34. Progressive Web App in Java
35. Progressive Web App in Java Content Producer
36. 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 ?
37. 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
38. Bringing Component-based Software Engineering to the Web
40. •Angular •Polymer •React •Framework.JS
43. 100% Polymer
44. 100% Angular*
45. 100% JAVA!
46. 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