Cloud Native Progressive Web Applications - Denver JUG 2016

•

1 gefällt mir•1,033 views

In this session, we covered 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.

Technologie

Cloud Native PWAs 
Matt Raible & Josh Long 
@mraible @starbuxman
photo by: https://www.ﬂickr.com/photos/theaucitron/5810163712

About You
Do you like Spring?

Do you like JavaScript? TypeScript?

Anyone using Angular? P.W.A.?

Why are you here?

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

• 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 ( , , जोश)

“We’ve failed on mobile”

— Alex Russell

https://youtu.be/K1SFnrf4jZo

Mobile Hates You!
How to ﬁght back:

Implement PRPL

Get a ~$150-200 unlocked Android (e.g. Moto G4)

Use chrome://inspect && chrome://inspect?tracing

Lighthouse

DevTools Network & CPU Throttling

The PRPL Pattern
Push

Render

Pre-cache

Lazy-load

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

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

https://ﬂic.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

Thanks!
https://github.com/mraible/cloud-native-pwas
Matt Raible & Josh Long 
@mraible @starbuxman

Empfohlen

Testing Angular Applications - Jfokus 2017Matt Raible

Testing Angular 2 Applications - Rich Web 2016Matt Raible

Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017Matt Raible

What's New in JHipsterLand - DevNexus 2017Matt Raible

Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNe...Matt Raible

Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...Matt Raible

The Ultimate Getting Started with Angular Workshop - Devoxx France 2017Matt Raible

Testing Angular 2 Applications - HTML5 Denver 2016Matt Raible

Empfohlen

Testing Angular Applications - Jfokus 2017Matt Raible

Testing Angular 2 Applications - Rich Web 2016Matt Raible

Building a PWA with Ionic, Angular and Spring Boot - Jfokus 2017Matt Raible

What's New in JHipsterLand - DevNexus 2017Matt Raible

Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNe...Matt Raible

Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...Matt Raible

The Ultimate Getting Started with Angular Workshop - Devoxx France 2017Matt Raible

Testing Angular 2 Applications - HTML5 Denver 2016Matt Raible

What's New in JHipsterLand - Devoxx US 2017Matt Raible

Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...Matt Raible

The Art of Angular in 2016 - Devoxx UK 2016Matt Raible

The Art of Angular in 2016 - vJUG24Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx 2015Matt Raible

On Selecting JavaScript Frameworks (Women Who Code 10/15)Zoe Landon

Microservices for the Masses with Spring Boot, JHipster, and JWT - Rich Web 2016Matt Raible

Choosing the best JavaScript framework/library/toolkitHristo Chakarov

What's This React Native Thing I Keep Hearing About?Evan Stone

Angular js - 10 reasons to choose angularjs Nir Kaufman

YeomanMohammed Arif

Massive concurrent modifications in web app. How to manage and test.Anton Mishchuk

Front end workflow with yeomanhassan hafez

GR8Conf 2015 - Spring Boot and Groovy. What more do you need?Iván López Martín

React native - What, Why, How?Teerasej Jiraphatchandej

Web Frameworks of the Future: Flex, GWT, Grails and RailsMatt Raible

Headless BDD & Responsive Test AutomationShashikant Jagtap

Spring Boot and JHipsterEueung Mulyana

Rapidly scaffold your frontend with yeomanSimon Waibl

iOS Automation with Cucumber, Appium and SaucelabsShashikant Jagtap

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016Matt Raible

Weitere ähnliche Inhalte

Was ist angesagt?

What's New in JHipsterLand - Devoxx US 2017Matt Raible

Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...Matt Raible

The Art of Angular in 2016 - Devoxx UK 2016Matt Raible

The Art of Angular in 2016 - vJUG24Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx 2015Matt Raible

On Selecting JavaScript Frameworks (Women Who Code 10/15)Zoe Landon

Microservices for the Masses with Spring Boot, JHipster, and JWT - Rich Web 2016Matt Raible

Choosing the best JavaScript framework/library/toolkitHristo Chakarov

What's This React Native Thing I Keep Hearing About?Evan Stone

Angular js - 10 reasons to choose angularjs Nir Kaufman

YeomanMohammed Arif

Massive concurrent modifications in web app. How to manage and test.Anton Mishchuk

Front end workflow with yeomanhassan hafez

GR8Conf 2015 - Spring Boot and Groovy. What more do you need?Iván López Martín

React native - What, Why, How?Teerasej Jiraphatchandej

Web Frameworks of the Future: Flex, GWT, Grails and RailsMatt Raible

Headless BDD & Responsive Test AutomationShashikant Jagtap

Spring Boot and JHipsterEueung Mulyana

Rapidly scaffold your frontend with yeomanSimon Waibl

iOS Automation with Cucumber, Appium and SaucelabsShashikant Jagtap

Was ist angesagt? (20)

What's New in JHipsterLand - Devoxx US 2017

Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...

The Art of Angular in 2016 - Devoxx UK 2016

The Art of Angular in 2016 - vJUG24

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx 2015

On Selecting JavaScript Frameworks (Women Who Code 10/15)

Microservices for the Masses with Spring Boot, JHipster, and JWT - Rich Web 2016

Choosing the best JavaScript framework/library/toolkit

What's This React Native Thing I Keep Hearing About?

Angular js - 10 reasons to choose angularjs

Yeoman

Massive concurrent modifications in web app. How to manage and test.

Front end workflow with yeoman

GR8Conf 2015 - Spring Boot and Groovy. What more do you need?

React native - What, Why, How?

Web Frameworks of the Future: Flex, GWT, Grails and Rails

Headless BDD & Responsive Test Automation

Spring Boot and JHipster

Rapidly scaffold your frontend with yeoman

iOS Automation with Cucumber, Appium and Saucelabs

Andere mochten auch

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016Matt Raible

Get Hip with JHipster - Colorado Springs OSS Meetup April 2016Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx France 2016Matt Raible

The Art of Angular in 2016 - Devoxx France 2016Matt Raible

Getting Started with Angular - Stormpath Webinar, January 2017Matt Raible

Andere mochten auch (6)

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016

Get Hip with JHipster - Colorado Springs OSS Meetup April 2016

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx France 2016

The Art of Angular in 2016 - Devoxx France 2016

Getting Started with Angular - Stormpath Webinar, January 2017

Ähnlich wie Cloud Native Progressive Web Applications - Denver JUG 2016

Get Hip with JHipster - Colorado Springs Open Source User Group 2021Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...Matt Raible

Get Hip with JHipster - Denver JUG 2015Matt Raible

Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020Matt Raible

Spring Boot APIs and Angular PWAs: Get Hip with JHipster - PWX 2019Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Angular Summit 2015Matt Raible

Front-end for Java developers Devoxx France 2018Deepu K Sasidharan

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017Matt Raible

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016Matt Raible

Boot It UpJoshua Long

Play Framework: Intro & High-Level OverviewJosh Padnick

'Bootiful' Code with Spring Boot - Josh Longploibl

'Bootiful' Code with Spring Boot - Josh LongJAXLondon2014

Story mapping introduction short versionCraig Brown

Spring Boot Interview Questions | EdurekaEdureka!

The Future Of Web FrameworksMatt Raible

Ashok_Vardhan_CheemakurthyASHOK VARDHAN CH

Isomorphic JavaScript – future of the webSigma Software

Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...Matt Raible

Spring Boot APIs and Angular Apps: Get Hip with JHipster! KCDC 2019Matt Raible

Ähnlich wie Cloud Native Progressive Web Applications - Denver JUG 2016 (20)

Get Hip with JHipster - Colorado Springs Open Source User Group 2021

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...

Get Hip with JHipster - Denver JUG 2015

Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020

Spring Boot APIs and Angular PWAs: Get Hip with JHipster - PWX 2019

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Angular Summit 2015

Front-end for Java developers Devoxx France 2018

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016

Boot It Up

Play Framework: Intro & High-Level Overview

'Bootiful' Code with Spring Boot - Josh Long

Story mapping introduction short version

Spring Boot Interview Questions | Edureka

The Future Of Web Frameworks

Ashok_Vardhan_Cheemakurthy

Isomorphic JavaScript – future of the web

Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...

Spring Boot APIs and Angular Apps: Get Hip with JHipster! KCDC 2019

Mehr von Matt Raible

Keep Identities in Sync the SCIMple Way - ApacheCon NA 2022Matt Raible

Micro Frontends for Java Microservices - Belfast JUG 2022Matt Raible

Micro Frontends for Java Microservices - Dublin JUG 2022Matt Raible

Micro Frontends for Java Microservices - Cork JUG 2022Matt Raible

Comparing Native Java REST API Frameworks - Seattle JUG 2022Matt Raible

Reactive Java Microservices with Spring Boot and JHipster - Spring I/O 2022Matt Raible

Comparing Native Java REST API Frameworks - Devoxx France 2022Matt Raible

Lock That Sh*t Down! Auth Security Patterns for Apps, APIs, and Infra - Devne...Matt Raible

Native Java with Spring Boot and JHipster - Garden State JUG 2021Matt Raible

Java REST API Framework Comparison - PWX 2021Matt Raible

Web App Security for Java Developers - PWX 2021Matt Raible

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Joker...Matt Raible

Web App Security for Java Developers - UberConf 2021Matt Raible

Java REST API Framework Comparison - UberConf 2021Matt Raible

Native Java with Spring Boot and JHipster - SF JUG 2021Matt Raible

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Sprin...Matt Raible

Reactive Java Microservices with Spring Boot and JHipster - Denver JUG 2021Matt Raible

JHipster and Okta - JHipster Virtual Meetup December 2020Matt Raible

Java REST API Comparison: Micronaut, Quarkus, and Spring Boot - jconf.dev 2020Matt Raible

Security Patterns for Microservice Architectures - SpringOne 2020Matt Raible

Mehr von Matt Raible (20)

Keep Identities in Sync the SCIMple Way - ApacheCon NA 2022

Micro Frontends for Java Microservices - Belfast JUG 2022

Micro Frontends for Java Microservices - Dublin JUG 2022

Micro Frontends for Java Microservices - Cork JUG 2022

Comparing Native Java REST API Frameworks - Seattle JUG 2022

Reactive Java Microservices with Spring Boot and JHipster - Spring I/O 2022

Comparing Native Java REST API Frameworks - Devoxx France 2022

Lock That Sh*t Down! Auth Security Patterns for Apps, APIs, and Infra - Devne...

Native Java with Spring Boot and JHipster - Garden State JUG 2021

Java REST API Framework Comparison - PWX 2021

Web App Security for Java Developers - PWX 2021

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Joker...

Web App Security for Java Developers - UberConf 2021

Java REST API Framework Comparison - UberConf 2021

Native Java with Spring Boot and JHipster - SF JUG 2021

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Sprin...

Reactive Java Microservices with Spring Boot and JHipster - Denver JUG 2021

JHipster and Okta - JHipster Virtual Meetup December 2020

Java REST API Comparison: Micronaut, Quarkus, and Spring Boot - jconf.dev 2020

Security Patterns for Microservice Architectures - SpringOne 2020

Kürzlich hochgeladen

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Histor y of HAM Radio presentation slidevu2urc

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

Slack Application Development 101 Slidespraypatel2

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

A Call to Action for Generative AI in 2024Results

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Kürzlich hochgeladen (20)

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Scaling API-first – The story of a global engineering organization

Histor y of HAM Radio presentation slide

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Injustice - Developers Among Us (SciFiDevCon 2024)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Unblocking The Main Thread Solving ANRs and Frozen Frames

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Salesforce Community Group Quito, Salesforce 101

Slack Application Development 101 Slides

2024: Domino Containers - The Next Step. News from the Domino Container commu...

The 7 Things I Know About Cyber Security After 25 Years | April 2024

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

A Call to Action for Generative AI in 2024

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

GenCyber Cyber Security Day Presentation

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Cloud Native Progressive Web Applications - Denver JUG 2016

1. Cloud Native PWAs  Matt Raible & Josh Long  @mraible @starbuxman photo by: https://www.ﬂickr.com/photos/theaucitron/5810163712

2. About You Do you like Spring? Do you like JavaScript? TypeScript? Anyone using Angular? P.W.A.? 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

6. • 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 ( , , जोश)

10. Originally published: 2004

11.

12.

13.

14.

15.

16.

17.

18. start.spring.io

19. Live Coding with Josh

20. Fin

21. What about the client?

22.

23.

24.

25. 2007

26.

27.

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

29. Mobile Hates You! How to ﬁght back: Implement PRPL Get a ~$150-200 unlocked Android (e.g. Moto G4) Use chrome://inspect && chrome://inspect?tracing Lighthouse DevTools Network & CPU Throttling

30. The PRPL Pattern Push Render Pre-cache Lazy-load

31. 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

32. Progressive Web Apps

33. Live Coding with Matt

34. 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

35. https://ﬂic.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

36. Thanks! https://github.com/mraible/cloud-native-pwas Matt Raible & Josh Long  @mraible @starbuxman