Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Aren't You bored of downloading Jquery?
(“Front-end tools in Java webapps”)
Lucio Benfante
(lucio@benfante.com)
Build process
● From sources to final artifacts (or even to deploy)
● Standard/known structure
● Dependency management
● P...
(Java) build tools
Make
Ant
Maven
Gradle
Front-end tools
Briefly... (!)
● Node.js: the base Javascript platform
● Npm: package manager for Node.js
● Bower: package manager for fro...
How to Maven?
https://github.com/eirslett/frontend-maven-plugin
Example Project
https://github.com/benfante/FrontendToolsExample
References (1)
https://www.manning.com/books/front-end-tooling-with-gulp-bower-and-
yeoman
References (2)
● https://nodejs.org
● https://bower.io/
● http://gulpjs.com/
● https://karma-runner.github.io
● http://v4-...
References (2)
● https://nodejs.org
● https://bower.io/
● http://gulpjs.com/
● https://karma-runner.github.io
● http://v4-...
Upcoming SlideShare
Loading in …5
×

Front-end tools in java webapps

276 views

Published on

Aren't You bored of downloading JQuery fro your web applications? In this presentation (and related sample project) I will show how to automate most of the task needed for the front-end part of a Java web application.

Published in: Software
  • Be the first to comment

Front-end tools in java webapps

  1. 1. Aren't You bored of downloading Jquery? (“Front-end tools in Java webapps”) Lucio Benfante (lucio@benfante.com)
  2. 2. Build process ● From sources to final artifacts (or even to deploy) ● Standard/known structure ● Dependency management ● Platform independent ● IDE independent ● Repeatable ● Automatic (for Continuous Integration)
  3. 3. (Java) build tools Make Ant Maven Gradle
  4. 4. Front-end tools
  5. 5. Briefly... (!) ● Node.js: the base Javascript platform ● Npm: package manager for Node.js ● Bower: package manager for front-end artifacts ● Gulp: a streaming bulding system ● Grunt: another building system (task oriented) ● Karma: test executor ● ...
  6. 6. How to Maven? https://github.com/eirslett/frontend-maven-plugin
  7. 7. Example Project https://github.com/benfante/FrontendToolsExample
  8. 8. References (1) https://www.manning.com/books/front-end-tooling-with-gulp-bower-and- yeoman
  9. 9. References (2) ● https://nodejs.org ● https://bower.io/ ● http://gulpjs.com/ ● https://karma-runner.github.io ● http://v4-alpha.getbootstrap.com/
  10. 10. References (2) ● https://nodejs.org ● https://bower.io/ ● http://gulpjs.com/ ● https://karma-runner.github.io ● http://v4-alpha.getbootstrap.com/

×