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
610
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
470
7 Habits of Highly Productive Developers
zenorocha
1
320
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
360
What's new in the Liferay Community
zenorocha
0
600
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
480
How Liferay fits into the real of latest technologies
zenorocha
0
480
Estoicismo e JavaScript
zenorocha
3
940
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
820
Como investir em... você!
zenorocha
1
500
Other Decks in Programming
See All in Programming
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
280
Kotlin 2.0 and Beyond
antonarhipov
2
150
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
Securify_エンジニア採用資料
3shake
0
100
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
1
650
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
270
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
120
What is Parser
yui_knk
9
4.1k
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
Google Sign-inの移行から始めるCredential Manager活用
clockvoid
0
310
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
166
48k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
A Tale of Four Properties
chriscoyier
155
22k
The Mythical Team-Month
searls
218
43k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
1
55
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
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 :)