Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Devoxx France 2017

Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Devoxx France 2017

Videos on YouTube: Part 1 & Part 2

In this session, we show how to build microservices with Spring Boot/Spring Cloud, 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, Cloud Foundry, IntelliJ IDEA, Angular, and Progressive Web Apps.

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

72a2082c6a4dd79ad68befb3db911616?s=128

Matt Raible
PRO

April 06, 2017
Tweet

Transcript

  1. #D Cloud Native PWAs
 Matt Raible & Josh Long
 @mraible

    @starbuxman photo by: https://www.flickr.com/photos/theaucitron/5810163712 #DevoxxFR
  2. About You Do you like Spring? Do you like JavaScript?

    TypeScript? Anyone using Angular? P.W.A.? Why are you here? #DevoxxFR
  3. Blogger on raibledesigns.com Java Champion and Web Developer Father, Skier,

    Mountain Biker, Whitewater Rafter Web Framework Connoisseur Who is Matt Raible? Bus Lover Okta Developer Advocate
  4. None
  5. None
  6. None
  7. Authentication Standards #DevoxxFR

  8. • 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 (⿓龍之春, ⻰龙之春, जोश)
  9. #DevoxxFR

  10. #DevoxxFR

  11. Live Coding with Josh #DevoxxFR

  12. start.spring.io

  13. None
  14. #DevoxxFR

  15. None
  16. https://xkcd.com/323/ “Ballmer Peak” #DevoxxFR

  17. Live Coding with Josh #DevoxxFR

  18. “Beer Client”

  19. Live Coding with Josh #DevoxxFR

  20. None
  21. None
  22. None
  23. None
  24. “In heaven there is no beer. That's why we drink

    it here and when we're gone from here, our friends will be drinking all our beer!” — Art Walunas
  25. Fin #DevoxxFR

  26. What about the client?

  27. Merci ! https://github.com/joshlong/cloud-native-pwas Josh Long & Matt Raible
 @starbuxman @mraible

  28. #D Cloud Native PWAs - Part Deux
 Matt Raible &

    Josh Long
 @mraible @starbuxman photo by: https://www.flickr.com/photos/theaucitron/5810163712 #DevoxxFR
  29. #DevoxxFR

  30. None
  31. None
  32. 2007

  33. None
  34. #DevoxxFR

  35. “We’ve failed on mobile” — Alex Russell https://youtu.be/K1SFnrf4jZo

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

  38. 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
  39. Progressive Web Apps

  40. Live Coding with Matt #DevoxxFR

  41. None
  42. None
  43. 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
  44. #DevoxxFR

  45. None
  46. 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 Mobile Toolkit 
 Workshop
  47. JHipster jhipster.github.io #DevoxxFR

  48. Thanks! https://github.com/mraible/cloud-native-pwas Matt Raible & Josh Long
 @mraible @starbuxman http://bit.ly/sp-boot-pwas