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

How to create JavaScript apps for Java portals

Avatar for Zeno Rocha Zeno Rocha
April 25, 2013
Programming
7
670

How to create JavaScript apps for Java portals

JAX Conference - Mainz, 2013
Avatar for Zeno Rocha

Zeno Rocha

April 25, 2013
Tweet

More Decks by Zeno Rocha

See All by Zeno Rocha
The Next Generation of Developer-First Products
Avatar for Zeno Rocha zenorocha
1
600
7 Habits of Highly Productive Developers
Avatar for Zeno Rocha zenorocha
1
390
7 Hábitos de Desenvolvedores Altamente Produtivos
Avatar for Zeno Rocha zenorocha
1
490
What's new in the Liferay Community
Avatar for Zeno Rocha zenorocha
0
680
Launching Liferay Projects Faster with WeDeploy
Avatar for Zeno Rocha zenorocha
1
560
How Liferay fits into the real of latest technologies
Avatar for Zeno Rocha zenorocha
0
590
Estoicismo e JavaScript
Avatar for Zeno Rocha zenorocha
3
1.1k
Por que ninguém se importa com seu novo projeto open source?
Avatar for Zeno Rocha zenorocha
2
970
Como investir em... você!
Avatar for Zeno Rocha zenorocha
1
560

Other Decks in Programming

See All in Programming
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
8
1.4k
プロダクト志向ってなんなんだろうね
Avatar for RightTouch righttouch
PRO
0
160
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
190
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
190
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
490
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
570
Go1.25からのGOMAXPROCS
Avatar for kuro kuro_kurorrr
1
800
AIコーディング道場勉強会#2 君（エンジニア）たちはどう生きるか
Avatar for misaki.otb misakiotb
1
250
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
220
ReadMoreTextView
Avatar for Sungyong An fornewid
1
480
CursorはMCPを使った方が良いぞ
Avatar for taiga taigakono
1
170

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
51k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k

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 :)