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
430

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
300
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
190
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
110
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
3
520
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
2
440
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
220
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
220
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
210
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
12
1.4k

Other Decks in Programming

See All in Programming
A7e7c34aaa3ff7eb359b6449fb8bb043?s=48 fancyweb
1
100
D0a6969000c3715087b3a00abd646d20?s=48 timeseriesfr
1
150
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
0
110
7f408bc67dc9ae3b288ee92d16d3c4c2?s=48 deepu105
1
200
B74ae56d7910fbe1dd685c999b8f9e31?s=48 shiba6v
0
210
546a74affc1bbc9b531a8142ea982e40?s=48 kensukenakazawa
0
110
E7151ab8219e76672f7a7691dd2c88e6?s=48 seike460
8
2.3k
9184d05c3493636df20a38b8bcfd66df?s=48 kazuhei0108
3
980
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
0
130
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
39
29k
7028eb7f1d5bf62b440e4e6894c4922c?s=48 bosshawk
1
290
9d974d9df914b4540ae8febc6cb89f02?s=48 tiking76
1
100

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
10
560
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
32
3.5k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
252
11k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
312
21k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
683
180k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
202
20k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
15
4.5k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.6k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
64
3.8k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
104
6.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 :)