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
510
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
240
7 Habits of Highly Productive Developers
zenorocha
1
120
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
130
What's new in the Liferay Community
zenorocha
0
430
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
320
How Liferay fits into the real of latest technologies
zenorocha
0
220
Estoicismo e JavaScript
zenorocha
3
670
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
580
Como investir em... você!
zenorocha
1
340
Other Decks in Programming
See All in Programming
Swift Observation
shiz
4
290
jq at the Shortcuts
cockscomb
1
450
Qiita Night PHP 2023
fuwasegu
0
11k
Enumを自動で網羅的にテストしてみた
estie
0
1.3k
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
0
420
Zynq MP SoC で楽しむエッジコンピューティング ~RTLプログラミングのススメ~
ryuz88
0
390
An Advanced Introduction to R
nicetak
0
1.8k
How to Fight Production Incidents?
asatarin
0
230
Rによる大規模データの処理
s_uryu
2
640
Most Valuable Bug(?) ~インシデント未遂から得た学び~
tatsumiakahori
0
150
Cloudflare WorkersでGoを動かすライブラリを作っている話
syumai
1
330
Gradle build: The time is now
nonews
1
500
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Debugging Ruby Performance
tmm1
67
11k
Git: the NoSQL Database
bkeepers
PRO
419
60k
GraphQLの誤解/rethinking-graphql
sonatard
39
7.8k
The Invisible Customer
myddelton
113
12k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
What the flash - Photography Introduction
edds
64
10k
Designing the Hi-DPI Web
ddemaree
273
32k
Happy Clients
brianwarren
90
5.8k
Intergalactic Javascript Robots from Outer Space
tanoku
261
26k
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 :)