Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
How to create JavaScript apps for Java portals
Zeno Rocha
April 25, 2013
Programming
7
480
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
0
140
7 Habits of Highly Productive Developers
zenorocha
0
62
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
50
What's new in the Liferay Community
zenorocha
0
390
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
280
How Liferay fits into the real of latest technologies
zenorocha
0
180
Estoicismo e JavaScript
zenorocha
3
620
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
530
Como investir em... você!
zenorocha
1
300
Other Decks in Programming
See All in Programming
Power Automateドリブンのチームマネジメント
hanaseleb
0
200
無限スクロールビューライブラリ 二つの設計思想比較
harumak
0
270
Node-RED 3.0 新機能紹介
utaani
0
150
エンジニアによる事業指標計測のススメ
doyaaaaaken
1
190
社用PCのdotfiles管理 / dotfiles-in-company
yammerjp
0
230
Amazon ECSのネットワーク関連コストの話
msato
0
670
競プロのすすめ
uya116
0
680
engineer
spacemarket
0
4.9k
大規模プロダクトにLinterを導入し運用している話
hirokiotsuka
0
240
JetPackComposeは宣言型プログラミングパラダイムって実はよくわかってないんですが、別に使ってもいいんですよね、
conigashima
0
190
git on intellij
hiroto_kitamura
0
170
設計ナイト2022 トランザクションスクリプト
shinpeim
11
2.1k
Featured
See All Featured
Statistics for Hackers
jakevdp
781
210k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
How GitHub (no longer) Works
holman
296
140k
A Tale of Four Properties
chriscoyier
149
21k
What the flash - Photography Introduction
edds
62
10k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Practical Orchestrator
shlominoach
178
8.6k
Scaling GitHub
holman
451
140k
Bash Introduction
62gerente
597
210k
Making the Leap to Tech Lead
cromwellryan
113
7.4k
What's new in Ruby 2.0
geeforr
336
30k
BBQ
matthewcrist
74
7.9k
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 :)