Full-Stack Development with Spring Boot and VueJS

Full-Stack Development with Spring Boot and VueJS

• 1.
  Full-Stack Java Development withSpring Boot & VueJS www.danvega.dev/spring-one-2021
• 2.
  • Husband &Father • Enterprise Java Architect at Briebug • Cleveland • Content Creator • Blog • YouTube • Course Creator About Me
• 3.
  • Husband &Father • Enterprise Java Architect at Briebug • Cleveland • Content Creator • Blog • YouTube • Course Creator About Me
• 4.
  • Husband &Father • Enterprise Java Architect at Briebug • Cleveland • Content Creator • Blog • YouTube • Course Creator About Me
• 5.
  • Husband &Father • Enterprise Java Architect at Briebug • Cleveland • Content Creator • Blog • YouTube • Course Creator About Me
• 6.
  Spring Boot +VueJS
• 8.
  • Spring Framework •Open Source Framework • Java / Kotlin / Groovy • Maven / Gradle • What can Spring Do? • Web Applications • Cloud • Microservices • Serverless • Event Driven • Much More What is Spring?
• 9.
  • Opinionated viewof building Spring Applications • start.spring.io • Starter Dependencies • Auto Con fi guration • Production Ready Features • Metrics • Health Checks • Externalized Con fi guration What is Spring Boot?
• 10.
  Spring Projects • SpringFramework • Spring Boot • Spring Data • Spring Cloud • Spring Cloud Data Flow • Spring Security • Spring GraphQL • Spring Session • Spring Integration • Spring HATEOAS • Spring REST Docs • Spring Batch • Spring AMQP • Spring CredHub • Spring Flo • Spring Apache Kafka • Spring Roo • Spring Shell • Spring Statemachine • Spring Vault • Spring Web Flow • Spring Web Services
• 12.
  • JavaScript Frameworks/ Libraries • Vue / React / Angular / Svelte • Progressive JavaScript Framework • Open Source • Easy to learn • HTML / CSS / JavaScript • Great documentation • Great ecosystem and community What is VueJS
• 13.
  Ice Cream ismy agenda • Progressive Vue • Monolith • Single Page Application (SPA) Agenda
• 14.
  Progressive Vue
• 15.
  pro·gres·sive “Happening or developinggradually or in stages; proceeding step by step”
• 17.
  https://github.com/vuejs/petite-vue Petite Vue isan alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is speci fi cally optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework. • Only ~5.8kb • Vue-compatible template syntax • DOM-based, mutates in place • Driven by @vue/reactivity Petite Vue
• 18.
  Monolithic Application
• 19.
  Wikipedia “Asoftwaresystemiscalled“monolithic”if ithasamonolithicarchitecture, inwhichfunctionallydistinguishableaspectsareallinterwoven,rather thancontainingarchitecturallyseparatecomponents”
• 20.
  • Pros • SingleDeployable JAR • Simplicity • Performance • Cons • Single Deployable JAR • Tight Coupling Monolith Approach
• 24.
  Single Page Applications(SPA)
• 25.
  Wikipedia “Asingle-pageapplicationisawebapplicationorwebsitethatinteractswiththeuser bydynamicallyrewritingthecurrentwebpagewithnewdatafromthewebserver, insteadof thedefaultmethodof awebbrowserloadingentirenewpages.”
• 26.
  • Pros • 2Deployable assets • Louse Coupling • Cons • 2 Deployable assets • Single Deployable JAR • Perfromance * SPA Approach
• 28.
  Questions?