JAX Conference - Mainz, 2013
how to createhigh scalablejavascriptapps forjava portalsMainz, 2013.
View Slide
I’m from brazil
I ♥ opensource
I ♥ jQuery
jqueryboilerplate.com
I ♥ HTML5
html5-pro.com/wormz
today we’regoing totalk aboutjavascript...
just a toylanguage?
triggerrally.com/x/Preview/Arbusu/drive
what aboutjQuery?
goo.gl/rfaLs
why shouldI care?
because your UI suck
let’s createa high scalablejavascriptapplication
option #1writeeverythingfrom scratch
option #2use existingopen sourcesolutions
Events,Selection,DOM Manipulation,Animation,Ajax requestsjquery.com
mootools.net
UI componentstwitter.github.io/bootstrap
jqueryui.com
Templatesmustache.github.io
handlebarsjs.com
Module loaderrequirejs.org
headjs.com
MV*backbonejs.org
knockoutjs.com
angularjs.org
emberjs.com
TestsBDDTDDpivotal.github.io/jasmine
qunitjs.com
we buildjava portals
our solutionhas more than4,000,000downloads
and over500,000deploymentsworldwide
so how canwe create aneasy-to-maintainUI architeture?
yuilibrary.com
and wecreated ourown supersetof components
AlloyUI
alloyui.com
YUI =effectsDOMajaxevents...MVC
AlloyUI =calendartabsbuttonscarousel...audio
JavaScript
YUI
alloyui.com/examples/carousel
alloyui.com/examples/diagram-builder
alloyui.com/examples/image-cropper
alloyui.com/examples/viewport
but I’ma javaguy!
\o/
everythingyou need
everythingyou need+ single api
everythingyou need+ single api+ goodperformance
who uses it?
developer.cisco.com
lufthansa-flight-training.com
bosch-sicherheitssysteme.de
more than300,000downloads
wannaknowmore?
find meon roomWatfordsaal Bat 2pm
“HTML5 is the future”
wanna see the future?
HTML5is today!
Content ConsumerDevices
old browsers are like B&W TVs
new browsers are like HD TVs
TV already solved that problem
so why developerskeep doing this?
it’s up to you!
dank :)