Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNexus 2017

Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNexus 2017

In this session, we show 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.

Demo code: https://github.com/mraible/cloud-native-pwas

72a2082c6a4dd79ad68befb3db911616?s=128

Matt Raible
PRO

February 23, 2017
Tweet

Transcript

  1. Cloud Native PWAs
 Matt Raible & Mark Heckler
 @mraible @mkheck

    photo by: https://www.flickr.com/photos/theaucitron/5810163712
  2. About You Do you like Java? What about Spring? Do

    you like JavaScript? TypeScript? Anyone using Angular? PWAs? Why are you here?
  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. None
  5. None
  6. Thinker of thoughts at thehecklers.org, @MkHeck Architect/Developer Who is Mark

    Heckler? Java Champion Spring Developer Evangelist Speaker Author
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. The Future of Java in the Enterprise https://www.infoq.com/articles/enterprise-java-opinion

  16. start.spring.io

  17. Live Coding with Mark

  18. Fin

  19. What about the client?

  20. None
  21. None
  22. None
  23. 2007

  24. None
  25. None
  26. “We’ve failed on mobile” — Alex Russell https://youtu.be/K1SFnrf4jZo

  27. 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
  28. The PRPL Pattern Push Render Pre-cache Lazy-load

  29. 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
  30. Progressive Web Apps

  31. Live Coding with Matt

  32. 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
  33. 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
  34. Thanks! https://github.com/mraible/cloud-native-pwas Matt Raible & Mark Heckler
 @mraible @mkheck