Your SlideShare is downloading. ×
JavaScript applicaties voor Enterprise met AngularJS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

JavaScript applicaties voor Enterprise met AngularJS

3,439
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,439
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Teun Hakvoort Much demo – few slides.
  • 2. I’m • • • Teun Hakvoort Trainer / Consultant teunh@infosupport.com m
  • 3. UI UI logic logic The Idea JAX-RS
  • 4. Types of frameworks http://www.aadip9.net/freeway.jpg
  • 5. deployment
  • 6. Two projects Project with static Project with static content content -JavaScript -JavaScript -CSS -CSS -HTML files -HTML files What type of What type of project is this? project is this? Web Application Web Application (WAR) (WAR) with with JAX-RS services JAX-RS services
  • 7. Web Fragments • Since the servlet 3.0 specification – Web Resources can exist in external Jar files • Web archive structure: Content Web Application Content Web Application (WAR) (WAR) Static content JAR Static content JAR WEB-INF WEB-INF META-INF META-INF Classes Classes JAX-RS classes JAX-RS classes resources resources JavaScript JavaScript Static content JAR Static content JAR Other depencencies Other depencencies CSS CSS HTML HTML
  • 8. build integration
  • 9. How to develop in application server? • Every JavaScript change a redeploy? – NO! Life reload Life reload Application server Application server Node JS server for JavaScript Node JS server for JavaScript With GRUNT With GRUNT Static JavaScript Static JavaScript content content JAX-RS application JAX-RS application JAX-RS calls JAX-RS calls
  • 10. Build integration • Running by Maven • In the Maven bootstraps the Grunt build – Minimizing JavaScript files – Bundling JavaScript – Optimizing images
  • 11. Security
  • 12. Configuring services var demoModule = angular.module('demoApp', []); var demoModule = angular.module('demoApp', []); demoModule.config(function ($routeProvider) { demoModule.config(function ($routeProvider) { $routeProvider $routeProvider .when('/start', { .when('/start', {   templateUrl: 'partials/start/start.html',   templateUrl: 'partials/start/start.html',   controller: 'StartController'   controller: 'StartController' }) }) ... ... .otherwise({ redirectTo: '/start' }); .otherwise({ redirectTo: '/start' }); }); }); 12
  • 13. AngularJS AJAX: Abstraction levels • AngularJS has extensive support for AJAX – With the $http service, you can make AJAX calls – The $resource service is for making RESTful AJAX calls For addressing REST services For non-RESTful AJAX requests Not for use in production code, this used is for testing 13
  • 14. Security mechanism • Intercept every request • Check http status code • if Forbidden, redirect to login page
  • 15. Demo Security
  • 16. modularity
  • 17. Modularity Module file Module file APP config APP config Controllers Controllers DataAccess DataAccess Domain Domain
  • 18. Modularity Demo
  • 19. internationalization
  • 20. i18n • Not default available in AngularJS • Then use another framework – i18next • Are there AngularJS directives?
  • 21. i18n • Not default available in AngularJS • Then use another framework – i18next • Are there AngularJS directives? – ng-i18next
  • 22. i18n • Configure languages • JSON files for messages • ng-i18next="teksten.taak"
  • 23. Logging and exception handling
  • 24. Setup • Configure AngularJS exception handler • Create log service
  • 25. Thanks! github.com/teunh/jfall2013