Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experience 2015
6 likes3,376 views
The document discusses Matt Raible, a Java developer and web framework enthusiast, focusing on modern web development trends and tools like JHipster, Spring Boot, and AngularJS. It highlights the capabilities of JHipster for building applications, including features for authentication, database support, and microservices architecture. Additionally, it showcases a demo of generating a basic blog application and mentions statistics related to the JHipster project, including downloads and GitHub contributions.
![Angular 2.0
<input type="text" [value]="firstName">
<button (click)="addPerson()">Add</button>
<input type="checkbox" [checked]="someProperty">](https://image.slidesharecdn.com/gethipwithjhipster-rwx2015-151203160805-lva1-app6891/85/Get-Hip-with-JHipster-Spring-Boot-AngularJS-Bootstrap-Rich-Web-Experience-2015-33-320.jpg)
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experience 2015
- 1. Photos by Get Hip with JHipster! Matt Raible • http://raibledesigns.com
- 2. Blogger on raibledesigns.com Founder of AppFuse Father, Skier, Mountain Biker, Whitewater Rafter Web Framework Connoisseur Who is Matt Raible? Bus Lover
- 3. What about YOU? Are you a Java Developer? How long have you been doing web development? Do you like JSF? Do you like GWT? Do you like JavaScript?
- 4. Do you want to be a hip Java Developer?
- 5. Java 8 Parallel Collections JSR 310 Date and Time API Functional Interfaces with default method Lambda Expressions (a.k.a. Closures) Nashorn JavaScript Engine // sort a list by lastName List<Person> persons = ...; persons.sort((p1, p2) -> p1.getLastName().compareTo(p2.getLastName()));
- 6. Hipster n. noun 1. One who is exceptionally aware of or interested in the latest trends and tastes.
- 7. Latest trends in JavaLand? Annotations Environments: dev, test, production Microservices Container-less Deployment Monitoring
- 8. Spring Boot Create stand-alone Spring applications Embeds Tomcat, Jetty or Undertow directly Provides opinionated 'starter' POMs to simplify your Maven configuration Also supports/promotes using Gradle
- 9. 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 Grails 3.0 is based on Spring Boot
- 10. SPRING INITIALIZR @ start.spring.io
- 11. Spring Boot Demo
- 12. Latest trends in Web Development? JavaScript MVC Frameworks CSS 3 with Animations Mobile First Front-End Optimization REST APIs
- 14. Google Trends
- 15. Google Trends
- 16. The most starred project on GitHub?
- 17. Wouldn’t it be hip if…? ⚭
- 19. JHipster Project Web Statistics, October 2015 275K Page Views 10K Downloads GitHub Statistics 2961 Stars 159 Contributors https://www.openhub.net/p/generator-jhipster
- 21. JHipster Spring Boot Spring Security AngularJS Bootstrap Metrics Maven or Gradle Authentication Type: cookie-based (with Social), token-based or OAuth2 Type of Database: SQL or NoSQL Caching: EhCache or Hazelcast Grunt or Gulp.js Foundational Frameworks Project Options
- 22. JHipster Features Authentication and Security Spring Boot Metrics Dashboard Bootstrap and AngularJS Integrated REST API with Spring MVC JPA Support and NoSQL Support CRUD Generation Internationalization
- 23. Yeoman The web's scaffolding tool for modern webapps Helps you kickstart new projects Promotes the Yeoman workflow http://jhipster.github.io/http://yeoman.io/
- 25. Demo Time!
- 26. Generate a basic blog application Look at its configuration Generate the CRUD entities Limit blogs to current user, allow HTML Deploy to Demo Goals … all in 30 minutes!
- 28. JHipster UML 12 entities, 17 relationships: JHipster: 1h 15 minutes JHipster UML: 30 minutes http://www.ipponusa.com/blog/jhipster-uml/
- 29. JHipster UML Supported UML Editors Modelio UML Designer GenMyModel (not free) Visual Paradigm (not free, but proposes a community edition) http://jhipster.github.io/jhipster_uml.html
- 30. High Performance Scala, Akka and Netty Nice HTML-based Reporting Scenario Recorder Load Testing with Gatling val scn = scenario("Test the Blog entity") .exec(http("First unauthenticated request") .get("/api/account") .headers(headers_http) .check(status.is(401))) .pause(10) .exec(http("Authentication") .post("/api/authenticate") .headers(headers_http_authentication) .formParam("username", "admin") .formParam("password", "admin") .check(jsonPath("$.token").saveAs("x_auth_token"))) .pause(1) .exec(http("Authenticated request") .get("/api/account") .headers(headers_http_authenticated) .check(status.is(200))) .pause(10) .repeat(2) { exec(http("Get all blogs") .get("/api/blogs") .headers(headers_http_authenticated) .check(status.is(200))) .pause(10 seconds, 20 seconds) .exec(http("Create new blog") .put("/api/blogs") .headers(headers_http_authenticated) .body(StringBody("""{"id":null, "name":"SAMPLE_TEXT", "handle"
- 31. http://www.jhipster-book.com/#!/news/entry/adding-protractor-tests What about UI Testing?
- 32. How sweet is JHipster?! AngularJS, Java 8, Microservices - what more could you want?
- 33. Angular 2.0 <input type="text" [value]="firstName"> <button (click)="addPerson()">Add</button> <input type="checkbox" [checked]="someProperty">
- 34. Concepts Eliminated in Angular 2.0 Controllers Directive Definition Object $scope angular.module jqLite
- 35. Angular 2: Template Syntax https://egghead.io/lessons/angularjs-angular-2-template-syntax
- 36. 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 http://www.infoq.com/minibooks/jhipster-mini-book
- 37. Lines of Code in 21-Points 0 3500 7000 10500 14000 Project Created Entities Generated Business Logic and UI 13,888 12,736 8,556
- 38. Project Creation Entities Generated Biz Logic and UI 0 3500 7000 10500 14000 2,323 2,214 1,465 4,044 3,776 2,595 6,087 5,505 3,752 Java JavaScript HTML Lines of Code by Language
- 40. The JHipster Mini-Book 1.0 Release on October 30 http://jhipster-book.com http://21-points.com @jhipster_book
- 41. Stay hip by following me! http://raibledesigns.com @mraible Presentations http://slideshare.net/mraible Code http://github.com/mraible Questions?