Welcome, Java Hipster – Yeoman + Maven + Spring + AngularJS in one handy generator – What is this all about?

View Github Repository Open presentation in a new window

jhipster

See all presentation from jhipster

Welcome, Java Hipster – Yeoman + Maven + Spring + AngularJS in one handy generator – What is this all about?

0 0

jhipster-presentation

EARLY ALPHA VERSION - Presentation of the JHipster project

On Github jhipster / jhipster-presentation

Welcome, Java Hipster

Yeoman + Maven + Spring + AngularJS in one handy generator

Created by Julien Dubois / @juliendubois

Press the right arrow to continue >

About this presentation

  • Hit the left/right arrow to browse to the main sections
  • Hit the up/down arrow to see the slides in each section
  • Hit the "escape" key to see all the slides

What is this all about?

Modern Web application development

Modern Web apps

End-users requirements have evolved. People are tired of slow, unreactive Web sites. They want:

  • Beautiful design
  • Stop waiting for pages to load
  • Dynamic updates of page fragments

Technically speaking...

We mean you need to:

  • Use the new CSS frameworks (Twitter Bootstrap, Foundation...)
  • Create single-page Web applications
  • Have full Ajax/REST support

Developer productivity

Those websites should be delivered fast.

  • Productivity is important
  • We need the right tools for this job!

Production-ready software

Moderne websites should be able to handle huge numbers of concurrent users

All using massive RESTful applications, which will hit your backend servers hard

Client-side technologies

Yeoman, Grunt, Bower, AngularJS

Yeoman

Yeoman provides application generators

  • Hundreds of generators are available
  • Mostly geared toward JavaScript front-end applications
  • The top-rated generators have excellent quality

Grunt

Grunt is a build tool

  • It can run tasks: minimize your JavaScript, run Compass...
  • For development, it will allow you to have "live editing" of your Web application
  • For production, it will compress and optimize all your ressources

Bower

Bower is a package manager for your JavaScript assets

AngularJS

Server-side technologies

Maven, Spring, Spring MVC REST, Spring Data JPA

Maven

Spring

Liquibase

JPA

Spring Data JPA

Caching

Spring MVC REST

Monitoring

Let's build our first app

10 minutes tutorial

Pretty Code

function linkify( selector ) {
  if( supports3DTransforms ) {

    var nodes = document.querySelectorAll( selector );

    for( var i = 0, len = nodes.length; i < len; i++ ) {
      var node = nodes[i];

      if( !node.className ) {
        node.className += ' roll';
      }
    }
  }
}

Thank you for your attention