Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to create JavaScript apps for Java portals

E190023b66e2b8aa73a842b106920c93?s=47 Zeno Rocha
April 25, 2013
Programming
7
480

How to create JavaScript apps for Java portals

JAX Conference - Mainz, 2013

E190023b66e2b8aa73a842b106920c93?s=128

Zeno Rocha

April 25, 2013
Tweet

More Decks by Zeno Rocha

See All by Zeno Rocha
The Next Generation of Developer-First Products
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
140
7 Habits of Highly Productive Developers
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
62
7 Hábitos de Desenvolvedores Altamente Produtivos
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
50
What's new in the Liferay Community
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
390
Launching Liferay Projects Faster with WeDeploy
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
280
How Liferay fits into the real of latest technologies
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
180
Estoicismo e JavaScript
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
3
620
Por que ninguém se importa com seu novo projeto open source?
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
2
530
Como investir em... você!
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
300

Other Decks in Programming

See All in Programming
Power Automateドリブンのチームマネジメント
0cc2ebc5781bcb2cae5f9ab7efa40ff2?s=48 hanaseleb
0
200
無限スクロールビューライブラリ 二つの設計思想比較
3a28fa31667698e364e367d5174934b9?s=48 harumak
0
270
Node-RED 3.0 新機能紹介
A56269ca269966f71293d08b32ad53b3?s=48 utaani
0
150
エンジニアによる事業指標計測のススメ
Ee398a67f5017cc2ad5c02d67d10e516?s=48 doyaaaaaken
1
190
社用PCのdotfiles管理 / dotfiles-in-company
8c653f1257636312a8e88612ccb27718?s=48 yammerjp
0
230
Amazon ECSのネットワーク関連コストの話
D4d93646eedaaf5a9551cfc0ccd5b020?s=48 msato
0
670
競プロのすすめ
3a10a8f9ae25b2eb5bf3579dd3141dd8?s=48 uya116
0
680
engineer
E6706306bf41c5a5675e7296ecdb4103?s=48 spacemarket
0
4.9k
大規模プロダクトにLinterを導入し運用している話
68b11f940176220aa84f755abb0bea10?s=48 hirokiotsuka
0
240
JetPackComposeは宣言型プログラミングパラダイムって実はよくわかってないんですが、別に使ってもいいんですよね、
6affc38c52fa1cd2e395b3044cfb95fe?s=48 conigashima
0
190
git on intellij
1a51f443c6d75a0576428792b0da05f2?s=48 hiroto_kitamura
0
170
設計ナイト2022 トランザクションスクリプト
6521324f6ab5266cdcde1dd05945a27b?s=48 shinpeim
11
2.1k

Featured

See All Featured
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
315
19k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
296
140k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
21k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.6k
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
597
210k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
7.4k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
BBQ
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.9k

Transcript

  1. how to create high scalable javascript apps for java portals

    Mainz, 2013.
  2. None

  3. I’m from brazil

  4. None
  5. None

  6. I ♥ opensource

  7. I ♥ jQuery

  8. jqueryboilerplate.com

  9. I ♥ HTML5

  10. html5-pro.com/wormz

  11. today we’re going to talk about javascript...

  12. None

  13. just a toy language?

  14. triggerrally.com/x/Preview/Arbusu/drive

  15. None

  16. what about jQuery?

  17. None

  18. goo.gl/rfaLs

  19. why should I care?

  20. because your UI suck

  21. let’s create a high scalable javascript application

  22. None

  23. option #1 write everything from scratch

  24. option #2 use existing open source solutions

  25. Events, Selection, DOM Manipulation, Animation, Ajax requests jquery.com

  26. mootools.net

  27. UI components twitter.github.io/bootstrap

  28. jqueryui.com

  29. Templates mustache.github.io

  30. handlebarsjs.com

  31. Module loader requirejs.org

  32. headjs.com

  33. MV* backbonejs.org

  34. knockoutjs.com

  35. angularjs.org

  36. emberjs.com

  37. Tests BDD TDD pivotal.github.io/jasmine

  38. qunitjs.com

  39. None
  40. None

  41. we build java portals

  42. our solution has more than 4,000,000 downloads

  43. and over 500,000 deployments worldwide

  44. so how can we create an easy-to-maintain UI architeture?

  45. None

  46. yuilibrary.com

  47. and we created our own superset of components

  48. AlloyUI

  49. alloyui.com

  50. YUI = effects DOM ajax events ... MVC

  51. YUI = effects DOM ajax events ... MVC

  52. YUI = effects DOM ajax events ... MVC

  53. YUI = effects DOM ajax events ... MVC

  54. YUI = effects DOM ajax events ... MVC

  55. YUI = effects DOM ajax events ... MVC

  56. YUI = effects DOM ajax events ... MVC

  57. AlloyUI = calendar tabs buttons carousel ... audio

  58. AlloyUI = calendar tabs buttons carousel ... audio

  59. AlloyUI = calendar tabs buttons carousel ... audio

  60. AlloyUI = calendar tabs buttons carousel ... audio

  61. AlloyUI = calendar tabs buttons carousel ... audio

  62. AlloyUI = calendar tabs buttons carousel ... audio

  63. AlloyUI = calendar tabs buttons carousel ... audio

  64. None

  65. JavaScript

  66. None

  67. YUI

  68. None

  69. AlloyUI

  70. alloyui.com/examples/carousel

  71. alloyui.com/examples/diagram-builder

  72. alloyui.com/examples/image-cropper

  73. alloyui.com/examples/viewport

  74. but I’m a java guy!

  75. <taglibs> \o/

  76. everything you need

  77. everything you need + single api

  78. everything you need + single api + good performance

  79. who uses it?

  80. developer.cisco.com

  81. lufthansa-flight-training.com

  82. bosch-sicherheitssysteme.de

  83. more than 300,000 downloads

  84. wanna know more?

  85. find me on room Watfordsaal B at 2pm

  86. None

  87. “HTML5 is the future”

  88. wanna see the future?

  89. None
  90. None

  91. HTML5 is today!

  92. Content Consumer Devices

  93. Content Consumer Devices

  94. old browsers are like B&W TVs

  95. new browsers are like HD TVs

  96. TV already solved that problem

  97. so why developers keep doing this?

  98. it’s up to you!

  99. dank :)