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

Building Cloud Native Progressive Web Apps - Devoxx Morocco 2017

Building Cloud Native Progressive Web Apps - Devoxx Morocco 2017

In this session, you’ll learn how to build microservices with Spring, deploy them to the cloud and expose their functionality with a 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 Kotlin, Spring Boot, Spring Cloud, Cloud Foundry, IntelliJ IDEA, Angular, and Progressive Web Apps.

YouTube: https://www.youtube.com/watch?v=5386kXFvreM
Source code: https://github.com/mraible/cloud-native-pwas
PR showing how to integrate Okta: https://github.com/mraible/cloud-native-pwas/pull/10

Matt Raible

November 14, 2017

More Decks by Matt Raible

Other Decks in Programming


  1. Building Cloud Native Progressive Web Apps Josh Long @starbuxman Matt

    Raible @mraible #DevoxxMA
  2. About You Are you using Spring? Spring Boot? Do you

    like JavaScript? TypeScript? Anyone using Angular? React? PWAs? Why are you here? #DevoxxMA
  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. developer.okta.com

  6. Authentication Standards

  7. • http://cloudnativejava.io • @starbuxman • [email protected] • Java Champion •

    open-source contributor 
 (Spring Boot, Spring Cloud, Spring Integration, Vaadin, Activiti, etc etc) the Spring Developer Advocate Josh Long (⿓龍之春, ⻰龙之春, जोश)
  8. None
  9. None
  10. None
  11. Did you know? “In the early years of the 20th

    century, horses were causing so much pollution with their poop that cars were seen as the "green" alternative.”
  12. https://xkcd.com/1559/ Driving

  13. https://xkcd.com/864/ Flying Cars

  14. Live Coding with Josh

  15. Fin

  16. What about the client?

  17. None
  18. None
  19. None
  20. 2007

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

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

  25. 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
  26. Progressive Web Apps

  27. Live Coding with Matt

  28. 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
  29. Check out JHipster! jhipster.tech

  30. The JHipster Mini-Book Written with Asciidoctor Quick and to the

    point, 130 pages Developed a real world app: www.21-points.com Free Download from infoq.com/minibooks/jhipster-4-mini-book @jhipster_book
  31. Learn More Build Your First Progressive Web Application with Angular

    and Spring Boot Build a Microservices Architecture for Microbrews with Spring Boot The Ultimate Guide to Progressive Web Applications 
 Secure a Spring Microservices Architecture with Spring Security, JWTs, Juiser, and Okta
  32. Thanks! https://github.com/mraible/cloud-native-pwas Matt Raible & Josh Long
 @mraible @starbuxman https://spring.io/blog