Matt Raible | @mraible
Develop Hip APIs and Apps with
Spring Boot and Angular
September 21, 2017 Connect.Tech
https://www.flickr.com/photos/rockmixer/2806330093
Blogger on raibledesigns.com
Web Developer and Java Champion
Father, Skier, Mountain Biker,
Whitewater Rafter
Open Source Connoisseur
Who is Matt Raible?
Bus Lover
Okta Developer Advocate
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
Authentication Standards
What about YOU?
Are you a Java Developer? Web Developer?

How long have you been doing web development?

Do you like JSF? Do you like GWT? 

Do you like JavaScript?
Do you want to be a hip Java Developer?
Java 8
Parallel Collections

JSR 310 Date and Time API

Functional Interfaces with default method

Lambda Expressions (a.k.a. Closures)

Nashorn JavaScript Engine
Hipster
n. noun

1. One who is exceptionally aware of or interested in the latest trends
and tastes.
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
Latest trends in JavaLand?
Microservices

Embedded App Servers

Deployment with Containers

Environments: dev, test, production

Annotations

Monitoring
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
SPRING INITIALIZR @ start.spring.io
@SpringBootApplication
public class DemoApplication {
public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
}
}
@Entity
class Blog {
@Id
@GeneratedValue
private Long id;
private String name;
// getters, setters, toString(), etc
}
@RepositoryRestResource
interface BlogRepository extends JpaRepository<Blog, Long> {
}
@SpringBootApplication
class NotesApplication
fun main(args: Array<String>) {
SpringApplication.run(NotesApplication::class.java, *args)
}
@Entity
data class Note(@Id @GeneratedValue var id: Long? = null,
var text: String? = null,
@JsonIgnore var user: String? = null)
@RepositoryRestResource
interface NotesRepository : JpaRepository<Note, Long>
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
@spring_io
#springio17
Microservices with Spring Boot
https://developer.okta.com/blog/2017/06/15/build-microservices-architecture-spring-boot
Latest trends in Web Development?
Progressive Web Applications

JavaScript MVC Frameworks

CSS 3 with Animations

Mobile First

Front-End Optimization

REST APIs
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
@spring_io
#springio17
Jobs on Indeed
September 2017
0
1,750
3,500
5,250
7,000
Angular Aurelia Backbone Ember Knockout React Vue
@spring_io
#springio17
Stack Overflow Tags
September 2017
0
20,000
40,000
60,000
80,000
Angular Aurelia Backbone Knockout Ember React Vue
@spring_io
#springio17
GitHub Stars
August 2017
0
20,000
40,000
60,000
80,000
Angular Aurelia Backbone Knockout Ember React Vue
@spring_io
#springio17
GitHub Star Growth
Wouldn’t it be hip if…?
⚭
JHipster www.jhipster.tech
#DevoxxPL
JHipster is Open Source
Web Statistics, August 2017

319K Page Views / 422K on GitHub

41K Downloads

GitHub Statistics

8075 Stars 

361 Contributors
JHipster
Spring Boot

Spring Security

AngularJS

Angular

Bootstrap

Metrics

Maven or Gradle

Authentication Type: cookie-based (with
Social), JWT, or OAuth 2.0

Type of Database: SQL or NoSQL

Caching: EhCache or Hazelcast

Elasticsearch

Gulp.js or Webpack
Foundational Frameworks Project Options
How to use JHipster
To install JHipster and Yeoman, use npm:
npm install -g yo generator-jhipster
Then create a directory and cd into it:
mkdir myapp && cd myapp
Then run Yeoman:
yo jhipster
Generate a basic blog application

Look at its files and configuration



Generate the CRUD entities

Limit blogs to current user, allow HTML

Deploy to
Demo Time!
… all in 20 minutes!
Demo Entity Diagram
Get Started with JHipster 4 Demo
JHipster Tools
IntelliJ IDEA, Eclipse, Netbeans, and Visual Studio Code

Vagrant JHipster Development Box

Docker Installation

Docker Compose

JDL and JDL Studio

JHipster-UML
 Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017
JHipster is Knowledge
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 

www.infoq.com/minibooks/jhipster-mini-book
Lines of Code in 21-Points
0
5750
11500
17250
23000
Project Created Entities Generated Business Logic and UI
22,876
21,355
15,173
Project Creation
Entities Generated
Biz Logic and UI
0 5000 10000 15000 20000
2,955
2,653
1,827
7,261
6,826
4,256
8,078
7,431
5,612
Java TypeScript HTML
Lines of Code by Language
Learn More
twitter.com/java_hipster

www.jhipster.tech

github.com/jhipster/generator-jhipster

Get Started with JHipster 4: https://youtu.be/XRREt1KB4Y8

JHipster Microservices, Google Cloud, and Kubernetes

https://youtu.be/dgVQOYEwleA
Getting Help
stackoverflow.com/tags/jhipster

gitter.im/jhipster/generator-jhipster

github.com/jhipster/.../CONTRIBUTING.md 

groups.google.com/.../jhipster-dev
What’s New and Next?
http://start.jhipster.tech now available! 

JHipster Registry v3

Spring Boot 2.0 / Spring Webflux

React Support

OAuth 2.0 / OIDC Support
https://www.slideshare.net/julien.dubois/jhipster-overview-and-roadmap-august-2017
developer.okta.com/blog
https://virtualjug.com/building-robust-apis-and-apps-with-spring-boot-and-angular/
Action!
Try Spring Boot

Try Angular

Try JHipster

Explore PWAs

Enjoy the bootiful experience!
Questions?
Keep in touch!

raibledesigns.com

@mraible

Presentations

speakerdeck.com/mraible

Code

github.com/oktadeveloper

More Related Content

PDF
Get Hip with Java Hipster - JavaOne 2017
PDF
Front End Development for Back End Developers - Denver Startup Week 2017
PDF
Bootiful Development with Spring Boot and Angular - Connect.Tech 2017
PDF
Front End Development for Back End Developers - vJUG24 2017
PDF
Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...
PDF
Front End Development for Back End Developers - UberConf 2017
PDF
Angular vs React Smackdown - Devoxx BE 2017
PDF
Front End Development for Back End Java Developers - NYJavaSIG 2019
Get Hip with Java Hipster - JavaOne 2017
Front End Development for Back End Developers - Denver Startup Week 2017
Bootiful Development with Spring Boot and Angular - Connect.Tech 2017
Front End Development for Back End Developers - vJUG24 2017
Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...
Front End Development for Back End Developers - UberConf 2017
Angular vs React Smackdown - Devoxx BE 2017
Front End Development for Back End Java Developers - NYJavaSIG 2019

What's hot (20)

PDF
Spring Boot APIs and Angular Apps: Get Hip with JHipster! KCDC 2019
PDF
What's New in JHipsterLand - Devoxx Poland 2017
PDF
Bootiful Development with Spring Boot and Angular - Spring I/O 2017
PDF
Building a PWA with Ionic, Angular, and Spring Boot - GeeCON 2017
PDF
The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017
PDF
Front End Development for Back End Developers - Devoxx UK 2017
PDF
Front Ends for Back End Developers - Spring I/O 2017
PDF
Front End Development for Back End Java Developers - Jfokus 2020
PDF
How to Win at UI Development in the World of Microservices - THAT Conference ...
PDF
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
PDF
CraftCamp for Students - Introduction to JHipster
PDF
Getting Started with Angular - Stormpath Webinar, January 2017
PDF
The Art of Angular in 2016 - vJUG24
PDF
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
PDF
What's New in JHipsterLand - Devoxx US 2017
PDF
Microservices for the Masses with Spring Boot, JHipster, and JWT - J-Spring 2017
PDF
The Art of Angular in 2016 - Devoxx France 2016
PDF
Microservices for the Masses with Spring Boot, JHipster, and JWT - Devoxx UK...
PDF
Rapid Android Development for Hackathon
PPTX
Grails Spring Boot
Spring Boot APIs and Angular Apps: Get Hip with JHipster! KCDC 2019
What's New in JHipsterLand - Devoxx Poland 2017
Bootiful Development with Spring Boot and Angular - Spring I/O 2017
Building a PWA with Ionic, Angular, and Spring Boot - GeeCON 2017
The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017
Front End Development for Back End Developers - Devoxx UK 2017
Front Ends for Back End Developers - Spring I/O 2017
Front End Development for Back End Java Developers - Jfokus 2020
How to Win at UI Development in the World of Microservices - THAT Conference ...
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
CraftCamp for Students - Introduction to JHipster
Getting Started with Angular - Stormpath Webinar, January 2017
The Art of Angular in 2016 - vJUG24
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
What's New in JHipsterLand - Devoxx US 2017
Microservices for the Masses with Spring Boot, JHipster, and JWT - J-Spring 2017
The Art of Angular in 2016 - Devoxx France 2016
Microservices for the Masses with Spring Boot, JHipster, and JWT - Devoxx UK...
Rapid Android Development for Hackathon
Grails Spring Boot
Ad

Similar to Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017 (20)

PDF
Spring Boot APIs and Angular PWAs: Get Hip with JHipster - PWX 2019
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Angular Summit 2015
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx 2015
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016
PDF
Get Hip with JHipster - Denver JUG 2015
PDF
Get Hip with JHipster - GIDS 2019
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx France 2016
PDF
Get Hip with JHipster - Colorado Springs OSS Meetup April 2016
PDF
Get Hip with JHipster - Colorado Springs Open Source User Group 2021
PDF
Devoxx : being productive with JHipster
PDF
JHipster overview and roadmap (August 2017)
PDF
JHipster - Full Stack Platform for the Modern Developer
PPTX
Java4hipsters
PDF
(eBook PDF) Full Stack Development with JHipster: Build modern web applicatio...
PPTX
Architectures, Frameworks and Infrastructure
PDF
When JHipster meets Microsoft-JHipster and Microsoft products
PDF
JHipster
Spring Boot APIs and Angular PWAs: Get Hip with JHipster - PWX 2019
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Angular Summit 2015
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx 2015
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016
Get Hip with JHipster - Denver JUG 2015
Get Hip with JHipster - GIDS 2019
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx France 2016
Get Hip with JHipster - Colorado Springs OSS Meetup April 2016
Get Hip with JHipster - Colorado Springs Open Source User Group 2021
Devoxx : being productive with JHipster
JHipster overview and roadmap (August 2017)
JHipster - Full Stack Platform for the Modern Developer
Java4hipsters
(eBook PDF) Full Stack Development with JHipster: Build modern web applicatio...
Architectures, Frameworks and Infrastructure
When JHipster meets Microsoft-JHipster and Microsoft products
JHipster
Ad

More from Matt Raible (20)

PDF
Keep Identities in Sync the SCIMple Way - ApacheCon NA 2022
PDF
Micro Frontends for Java Microservices - Belfast JUG 2022
PDF
Micro Frontends for Java Microservices - Dublin JUG 2022
PDF
Micro Frontends for Java Microservices - Cork JUG 2022
PDF
Comparing Native Java REST API Frameworks - Seattle JUG 2022
PDF
Reactive Java Microservices with Spring Boot and JHipster - Spring I/O 2022
PDF
Comparing Native Java REST API Frameworks - Devoxx France 2022
PDF
Lock That Sh*t Down! Auth Security Patterns for Apps, APIs, and Infra - Devne...
PDF
Native Java with Spring Boot and JHipster - Garden State JUG 2021
PDF
Java REST API Framework Comparison - PWX 2021
PDF
Web App Security for Java Developers - PWX 2021
PDF
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
PDF
Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Joker...
PDF
Web App Security for Java Developers - UberConf 2021
PDF
Java REST API Framework Comparison - UberConf 2021
PDF
Native Java with Spring Boot and JHipster - SF JUG 2021
PDF
Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Sprin...
PDF
Reactive Java Microservices with Spring Boot and JHipster - Denver JUG 2021
PDF
JHipster and Okta - JHipster Virtual Meetup December 2020
PDF
Java REST API Comparison: Micronaut, Quarkus, and Spring Boot - jconf.dev 2020
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
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
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

Recently uploaded (20)

PPT
introduction of sql, sql commands(DD,DML,DCL))
PPTX
Relevance Tuning with Genetic Algorithms
PPTX
oracle_ebs_12.2_project_cutoveroutage.pptx
PPTX
MCP empowers AI Agents from Zero to Production
PDF
IObit Driver Booster Pro Crack Latest Version Download
PDF
10 Mistakes Agile Project Managers Still Make
PDF
4K Video Downloader Crack + License Key 2025
PDF
IDM Crack Activation Key 2025 Free Download
PDF
WhatsApp Chatbots The Key to Scalable Customer Support.pdf
PDF
OpenEXR Virtual Town Hall - August 2025
PPTX
AI Tools Revolutionizing Software Development Workflows
PPTX
ESDS_SAP Application Cloud Offerings.pptx
PDF
How to Write Automated Test Scripts Using Selenium.pdf
PDF
KidsTale AI Review - Create Magical Kids’ Story Videos in 2 Minutes.pdf
PPTX
Independent Consultants’ Biggest Challenges in ERP Projects – and How Apagen ...
PDF
OpenAssetIO Virtual Town Hall - August 2025.pdf
PPTX
Phoenix Marketo User Group: Building Nurtures that Work for Your Audience. An...
PPTX
opentower introduction and the digital twin
PDF
OpenImageIO Virtual Town Hall - August 2025
PPTX
Beige and Black Minimalist Project Deck Presentation (1).pptx
introduction of sql, sql commands(DD,DML,DCL))
Relevance Tuning with Genetic Algorithms
oracle_ebs_12.2_project_cutoveroutage.pptx
MCP empowers AI Agents from Zero to Production
IObit Driver Booster Pro Crack Latest Version Download
10 Mistakes Agile Project Managers Still Make
4K Video Downloader Crack + License Key 2025
IDM Crack Activation Key 2025 Free Download
WhatsApp Chatbots The Key to Scalable Customer Support.pdf
OpenEXR Virtual Town Hall - August 2025
AI Tools Revolutionizing Software Development Workflows
ESDS_SAP Application Cloud Offerings.pptx
How to Write Automated Test Scripts Using Selenium.pdf
KidsTale AI Review - Create Magical Kids’ Story Videos in 2 Minutes.pdf
Independent Consultants’ Biggest Challenges in ERP Projects – and How Apagen ...
OpenAssetIO Virtual Town Hall - August 2025.pdf
Phoenix Marketo User Group: Building Nurtures that Work for Your Audience. An...
opentower introduction and the digital twin
OpenImageIO Virtual Town Hall - August 2025
Beige and Black Minimalist Project Deck Presentation (1).pptx

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