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
690
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
630
7 Habits of Highly Productive Developers
zenorocha
1
410
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
530
What's new in the Liferay Community
zenorocha
0
700
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
570
How Liferay fits into the real of latest technologies
zenorocha
0
620
Estoicismo e JavaScript
zenorocha
3
1.2k
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
1k
Como investir em... você!
zenorocha
1
580
Other Decks in Programming
See All in Programming
contribution to astral-sh/uv
shunsock
0
540
Migration to Signals, Resource API, and NgRx Signal Store
manfredsteyer
PRO
0
120
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
110
Ktorで簡単AIアプリケーション
tsukakei
0
110
Software Architecture
hschwentner
6
2.3k
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.9k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
270
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
660
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
Catch Up: Go Style Guide Update
andpad
0
250
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
3
6.8k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Git: the NoSQL Database
bkeepers
PRO
431
66k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
What's in a price? How to price your products and services
michaelherold
246
12k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
YesSQL, Process and Tooling at Scale
rocio
173
15k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
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 :)