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

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

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

YouTube: https://www.youtube.com/watch?v=C_V3Je7Iwso

In this session, you'll learn how to build a Progressive Web App (PWA) using Ionic, Angular and Spring Boot. PWAs are being hyped as the next big thing in mobile development. This talk will cut through the hype and get down to the nitty-gritty. Are they really better than native applications? Can you develop PWAs and easily target mobile and desktop with the same application?

Tutorial: https://github.com/stormpath/stormpath-spring-boot-ionic-example/blob/master/TUTORIAL.md
Source code: https://github.com/stormpath/stormpath-spring-boot-ionic-example

Matt Raible

February 13, 2017

More Decks by Matt Raible

Other Decks in Technology



  2. 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
  3. None
  4. Stormpath User Management

  5. Spring Boot Automatically configures Spring whenever possible Provides production-ready features

    such as metrics, health checks and externalized configuration Absolutely no code generation and no requirement for XML configuration Embeds Tomcat, Jetty or Undertow directly
  6. SPRING INITIALIZR @ start.spring.io

  7. None
  8. None
  9. None
  10. “We’ve failed on mobile” — Alex Russell https://youtu.be/K1SFnrf4jZo

  11. 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
  12. The PRPL Pattern Push Render Pre-cache Lazy-load

  13. 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
  14. Progressive Web Apps

  15. Stormpath SDK for Angular

  16. Live Coding! Create API Create UI Add Stormpath Deploy to

  17. Resources Demo Code https://github.com/stormpath/ stormpath-spring-boot-ionic-example Step-by-step Tutorial https://github.com/stormpath/ stormpath-spring-boot-ionic-example/ blob/master/TUTORIAL.md


  19. Shortcut to becoming an Ionic Expert JUST DO IT.

  20. Shortcut to becoming an Ionic Expert JUST DEV IT.

  21. None
  22. Keep in touch! raibledesigns.com @mraible linkedin.com/in/mraible Presentations slideshare.net/mraible Code github.com/mraible