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

Matt Raible

April 06, 2017
Tweet

More Decks by Matt Raible

Other Decks in Technology

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. • 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 (⿓龍之春, ⻰龙之春, जोश)
  5. “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
  6. #D Cloud Native PWAs - Part Deux
 Matt Raible &

    Josh Long
 @mraible @starbuxman photo by: https://www.flickr.com/photos/theaucitron/5810163712 #DevoxxFR
  7. 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
  8. 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
  9. 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
  10. 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