Save 37% off PRO during our Black Friday Sale! »

How to create JavaScript apps for Java portals

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

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
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
20
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
9
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
6
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
350
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
240
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
140
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
3
560
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
2
480
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
260

Other Decks in Programming

See All in Programming
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
0
180
A030c34a2bc0d0610b4d87f8c56a2ab7?s=48 masatomix
0
140
5afbf65e9e32cef9ab74e5b5347a5bce?s=48 korosuke613
0
7.5k
Ec2fcdc4ea7905b289967a2c4c43e154?s=48 sgeengineer
0
180
52a2813503456def3384b696da178901?s=48 nomadmonad
0
380
B00d69471ef4903e0353aa5476614b7f?s=48 yongtae723
0
550
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
230
A180da03d518c141f2e03a6a32c40b11?s=48 ikustan
0
260
44a210d1299a727e9d601a47dfedeabf?s=48 mot_techtalk
0
130
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
1
450
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
4.8k
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
0
2.3k

Featured

See All Featured
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
37k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
56
3.1k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
288
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
78
280k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
208
38k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
99
5.8k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
193
9k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
410k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
44
3.3k

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