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

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

Matt Raible
February 23, 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

Matt Raible

February 23, 2017

More Decks by Matt Raible

Other Decks in Technology


  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. Thinker of thoughts at thehecklers.org, @MkHeck Architect/Developer Who is Mark

    Heckler? Java Champion Spring Developer Evangelist Speaker Author
  5. Fin

  6. 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
  7. 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
  8. 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
  9. 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