Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cloud Native Progressive Web Applications - Denver JUG 2016

716 views

Published on

In this session, we covered how to build microservices with Spring, deploy them to the cloud and expose their functionality with an progressive web application that can run offline. You’ll learn how to “build to fail” and create a quality, resilient application. Live coding will show how to use: Spring Boot, Spring Cloud, Spring Security, Cloud Foundry, IntelliJ IDEA, Angular 2, JWT, Stormpath, and Progressive Web Apps.

Published in: Technology
  • Be the first to comment

Cloud Native Progressive Web Applications - Denver JUG 2016

  1. 1. Cloud Native PWAs
 Matt Raible & Josh Long
 @mraible @starbuxman photo by: https://www.flickr.com/photos/theaucitron/5810163712
  2. 2. About You Do you like Spring? Do you like JavaScript? TypeScript? Anyone using Angular? P.W.A.? Why are you here?
  3. 3. Blogger on raibledesigns.com UI Architect and Java Champion Father, Skier, Mountain Biker, Whitewater Rafter Web Framework Connoisseur Who is Matt Raible? Bus Lover Stormpath Developer Evangelist
  4. 4. • http://cloudnativejava.io • @starbuxman • josh@joshlong.com • Java Champion • open-source contributor 
 (Spring Boot, Spring Cloud, Spring Integration, Vaadin, Activiti, etc etc) the Spring Developer Advocate Josh Long ( , , जोश)
  5. 5. Originally published: 2004
  6. 6. start.spring.io
  7. 7. Live Coding with Josh
  8. 8. Fin
  9. 9. What about the client?
  10. 10. 2007
  11. 11. “We’ve failed on mobile” — Alex Russell https://youtu.be/K1SFnrf4jZo
  12. 12. Mobile Hates You! How to fight back: Implement PRPL Get a ~$150-200 unlocked Android (e.g. Moto G4) Use chrome://inspect && chrome://inspect?tracing Lighthouse DevTools Network & CPU Throttling
  13. 13. The PRPL Pattern Push Render Pre-cache Lazy-load
  14. 14. The PRPL Pattern Push critical resources for the initial URL route Render initial route Pre-cache remaining routes Lazy-load and create remaining routes on demand
  15. 15. Progressive Web Apps
  16. 16. Live Coding with Matt
  17. 17. B U I L D I N G P R O G R E S S I V E W E B A P P S I S H A R D
  18. 18. https://flic.kr/p/cAvyTd Learned from PWA Giants Josh Crowther - @jshcrowthe PWAs: The Future of the Web Maxim Salnikov - @webmaxru PWAs using the Angular Mobile Toolkit Angular 2 PWA Workshop
  19. 19. Thanks! https://github.com/mraible/cloud-native-pwas Matt Raible & Josh Long
 @mraible @starbuxman

×