AngularJSAngularJS

UI for Java apps?UI for Java apps?

Server-assisted MVCServer-assisted MVC

Asynchronous web applicationsAsynchronous web applications

Asynchronous web in Java?Asynchronous web in Java?

AppletsApplets

Web evolutionWeb evolution

Web evolutionWeb evolution

Comparison

DemosDemos

DirectivesDirectives

● ngShowngShow● ngHidengHide● ngSwitchngSwitch

● More: More: https://docs.angularjs.org/api/ng/directive/https://docs.angularjs.org/api/ng/directive/● Even more: Even more: http://ngmodules.org/http://ngmodules.org/

AnimationsAnimations

● http://www.nganimate.org/angularjs/ng-repeathttp://www.nganimate.org/angularjs/ng-repeat

QdrinQdrin

● cachingcaching

● history APIhistory API

● routingrouting

Performance optimizationsPerformance optimizations

● One-time binding syntax {{ ::value }}One-time binding syntax {{ ::value }}

http://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135

● Object.observe() (Chrome36)Object.observe() (Chrome36)

http://www.html5rocks.com/en/tutorials/es7/observe/

● Don't use ng-directivesDon't use ng-directives

Future: WebComponentsFuture: WebComponents

● custom elementscustom elements● shadow DOMshadow DOM● templatestemplates● HTML importsHTML imports

● AngularJS 2.0AngularJS 2.0

SOFEASOFEAService Oriented Front-end ArchitectureService Oriented Front-end Architecture

SOFEASOFEA

● Web CachingWeb Caching

● Stateful Client - Stateless ServerStateful Client - Stateless Server

● Edge caching (CDN)Edge caching (CDN)

● No session timeouts and replicationNo session timeouts and replication

● SOA compatible (SOA compatible (www.programmableweb.comwww.programmableweb.com))

LinksLinks

● SOFEA, AJAX, Full-JAX and the Death of Half-JAX● AngularJS● Angular modules● Qdrin● Web Components

QuestionsQuestions