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

Transcript

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
5. developer.okta.com
6. Authentication Standards
7. • 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 (⿓龍之春, ⻰龙之春, जोश)
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?
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 https://developer.okta.com/blog