This presentation will be shared at JavaOne 2014 during the JSF BOF session. It outlines the new generation of front-end frameworks and technologies and how JSF 2.3 can better support them.
6. Single Page Applications
(SPA)
One top-level HTML page
(template)
Many partial HTML pages
loaded via DOM changes
Client-side MVC with
JavaScript API
JSON/REST based on
thin-server architecture
7. AngularJS
Enhanced HTML with custom
elements and attributes
Modular architecture
Models, views, controllers,
services, factories, filters, …
Two-way data binding
Custom directives for
reusable UI components
9. Grunt task runner
Modular build tool based
on Node.js
Compiles TypeScript to
JavaScript
Runs Karma unit tests,
JSHint static analyzer
Optimizes assets for
production
10. Bower
Dependency manager for
JavaScript libraries
Searchable registry to find
and download common
libraries
Assumes all libraries are
available in public/private Git
repos
Looks for bower.json to
declare dependencies
14. Integrate, Engage, Embrace
Integrate with front-end
technologies and
frameworks
Engage with wider
developer community
Embrace change and
modernization
15. Integration Ideas
Let’s start with AngularJS + Bootstrap + TypeScript
Write new standard/core RenderKits that target
AngularJS directives/filters
Use BootStrap for responsive web design
16. Integration Ideas
Support JAX-RS annotations on managed beans
Implement SPA support for AngularJS (security
features, URL resolution, resource loading)
Distribute JSF component libraries via Bower