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

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
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
14. #DevoxxFR
16. https://xkcd.com/323/ “Ballmer Peak” #DevoxxFR
17. Live Coding with Josh #DevoxxFR
18. “Beer Client”
19. Live Coding with Josh #DevoxxFR
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
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
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
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