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
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
330
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
220
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
130
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
3
540
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
2
460
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
240
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
0
240
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
1
230
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
11
1.4k

Other Decks in Programming

See All in Programming
4578d99b560b2a470e05288ef6766ac2?s=48 paulk
5
2.1k
D840733454bebebb5d6f0a2d95754897?s=48 aokabic
1
160
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
220
81e45388d1e9cd8f53eb46c2b92d66d4?s=48 tomo_makes
1
300
3499a1d71fa70b8ee44816ca9e7329fe?s=48 bells17
1
450
4c76f001e0a3d59cc5a269df70940dfd?s=48 lmcinnes
0
230
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
150
691a3d84d76ff8bf3f9a0c614d722369?s=48 positiveflat
6
1.1k
832534770705425fc1f64ad60cb875a2?s=48 show_kanamaru
6
3.5k
D833ebe946fb6c3ca990758737855f79?s=48 typewriter
0
170
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
710
845fae80ed8b704a88b32500b3db4c53?s=48 sailplanetw
1
150

Featured

See All Featured
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
13
920
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
700
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
195
9k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
48
2.9k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
66
4.1k

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