Building a modern web application requires a lot of tools, frameworks, and techniques. This session shows how JHipster unites popular frameworks such as Angular, Spring Boot, and Bootstrap. Learn how Yeoman, a scaffolding tool for modern web apps, works with JHipster to generate a project that uses Java 8, SQL or NoSQL databases, Spring profiles, Maven or Gradle, Webpack, WebSockets, and BrowserSync. It also supports a number of different authentication mechanisms, including classic session-based auth, OAuth 2.0, and JWT-based authentication. For production deployments, JHipster includes out-of-the-box support for AWS, Cloud Foundry, Heroku, Docker, and Kubernetes.

1. Matt Raible | @mraible
Get Hip with JHipster
October 3, 2017
Photo Credit: https://www.flickr.com/photos/craigfildes/30894503974

4. public class Okta {
public Okta(DeveloperDNA developerDna) {
DeveloperRelations devRel = developerDna.getDeveloperRelations();
Assert.notNull(devRel,"Developer Relations is required to operate effectively.");
Set<Developer> team = devRel.getTeam();
Assert.isTrue(!team.isEmpty(),"Team cannot be empty.");
Assert.isTrue(!devRel.getSdks().isEmpty(), "SDKs required for developers.");
}
}

5. Authentication Standards

6. 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?

7. Do you want to be a hip Java Developer?

8. Java 8
Parallel Collections
JSR 310 Date and Time API
Functional Interfaces with default method
Lambda Expressions (a.k.a. Closures)
Nashorn JavaScript Engine

9. Hipster
n. noun
1. One who is exceptionally aware of or interested in the latest trends
and tastes.

11. Latest trends in JavaLand?
Microservices
Embedded App Servers
Deployment with Containers
Environments: dev, test, production
Auto-Configuration
Monitoring

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

13. SPRING INITIALIZR @ start.spring.io

14. @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> {
}

15. @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>

17. @spring_io
#springio17
Microservices with Spring Boot
https://developer.okta.com/blog/2017/06/15/build-microservices-architecture-spring-boot

18. Latest trends in Web Development?
Progressive Web Applications
JavaScript MVC Frameworks
CSS 3 with Animations
Mobile First
Front-End Optimization
REST APIs

21. @spring_io
#springio17
Jobs on Indeed
September 2017
0
1,750
3,500
5,250
7,000
Angular Aurelia Backbone Ember Knockout React Vue

22. @spring_io
#springio17
Stack Overflow Tags
September 2017
0
20,000
40,000
60,000
80,000
Angular Aurelia Backbone Knockout Ember React Vue

23. @spring_io
#springio17
GitHub Stars
August 2017
0
20,000
40,000
60,000
80,000
Angular Aurelia Backbone Knockout Ember React Vue

24. @spring_io
#springio17
GitHub Star Growth

25. Wouldn’t it be hip if…?
⚭

26. JHipster www.jhipster.tech

27. JHipster is Open Source
Web Statistics, September 2017
312K Page Views / 455K on GitHub
42K Downloads
GitHub Statistics
8165 Stars
366 Contributors

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

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

30. 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!☁

31. Demo Entity Diagram

32. Get Started with JHipster 4 Demo
https://github.com/mraible/jhipster4-demo
https://www.youtube.com/watch?v=XRREt1KB4Y8

34. JHipster is Knowledge

35. 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
infoq.com/minibooks/jhipster-4-mini-book

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

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

38. Getting Help
stackoverflow.com/tags/jhipster
gitter.im/jhipster/generator-jhipster
github.com/jhipster/.../CONTRIBUTING.md
groups.google.com/.../jhipster-dev

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

40. developer.okta.com/blog

41. developer.okta.com

42. Action!
Try Spring Boot
Try Angular
Try JHipster
Explore PWAs
Enjoy the bootiful experience!

43. Questions?
Keep in touch!
raibledesigns.com
@mraible
Presentations
speakerdeck.com/mraible
Code
github.com/oktadeveloper