Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to create JavaScript apps for Java portals
Search
Zeno Rocha
April 25, 2013
Programming
7
670
How to create JavaScript apps for Java portals
JAX Conference - Mainz, 2013
Zeno Rocha
April 25, 2013
Tweet
Share
More Decks by Zeno Rocha
See All by Zeno Rocha
The Next Generation of Developer-First Products
zenorocha
1
600
7 Habits of Highly Productive Developers
zenorocha
1
390
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
490
What's new in the Liferay Community
zenorocha
0
680
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
560
How Liferay fits into the real of latest technologies
zenorocha
0
600
Estoicismo e JavaScript
zenorocha
3
1.1k
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
970
Como investir em... você!
zenorocha
1
560
Other Decks in Programming
See All in Programming
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
3.6k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.8k
GraphRAGの仕組みまるわかり
tosuri13
8
520
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
280
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
340
CursorはMCPを使った方が良いぞ
taigakono
1
220
エラーって何種類あるの?
kajitack
5
340
5つのアンチパターンから学ぶLT設計
narihara
1
150
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
110
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
0
300
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
140
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
A better future with KSS
kneath
239
17k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Unsuck your backbone
ammeep
671
58k
Building Adaptive Systems
keathley
43
2.6k
Six Lessons from altMBA
skipperchong
28
3.9k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Scaling GitHub
holman
459
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
how to create high scalable javascript apps for java portals
Mainz, 2013.
None
I’m from brazil
None
None
I ♥ opensource
I ♥ jQuery
jqueryboilerplate.com
I ♥ HTML5
html5-pro.com/wormz
today we’re going to talk about javascript...
None
just a toy language?
triggerrally.com/x/Preview/Arbusu/drive
None
what about jQuery?
None
goo.gl/rfaLs
why should I care?
because your UI suck
let’s create a high scalable javascript application
None
option #1 write everything from scratch
option #2 use existing open source solutions
Events, Selection, DOM Manipulation, Animation, Ajax requests jquery.com
mootools.net
UI components twitter.github.io/bootstrap
jqueryui.com
Templates mustache.github.io
handlebarsjs.com
Module loader requirejs.org
headjs.com
MV* backbonejs.org
knockoutjs.com
angularjs.org
emberjs.com
Tests BDD TDD pivotal.github.io/jasmine
qunitjs.com
None
None
we build java portals
our solution has more than 4,000,000 downloads
and over 500,000 deployments worldwide
so how can we create an easy-to-maintain UI architeture?
None
yuilibrary.com
and we created our own superset of components
AlloyUI
alloyui.com
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
YUI = effects DOM ajax events ... MVC
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
AlloyUI = calendar tabs buttons carousel ... audio
None
JavaScript
None
YUI
None
AlloyUI
alloyui.com/examples/carousel
alloyui.com/examples/diagram-builder
alloyui.com/examples/image-cropper
alloyui.com/examples/viewport
but I’m a java guy!
<taglibs> \o/
everything you need
everything you need + single api
everything you need + single api + good performance
who uses it?
developer.cisco.com
lufthansa-flight-training.com
bosch-sicherheitssysteme.de
more than 300,000 downloads
wanna know more?
find me on room Watfordsaal B at 2pm
None
“HTML5 is the future”
wanna see the future?
None
None
HTML5 is today!
Content Consumer Devices
Content Consumer Devices
old browsers are like B&W TVs
new browsers are like HD TVs
TV already solved that problem
so why developers keep doing this?
it’s up to you!
dank :)