How to create JavaScript apps for Java portals

JAX Conference - Mainz, 2013

Transcript

1. how to create high scalable javascript apps for java portals Mainz, 2013.
3. I’m from brazil
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...
13. just a toy language?
14. triggerrally.com/x/Preview/Arbusu/drive
16. what about jQuery?
18. goo.gl/rfaLs
19. why should I care?
20. because your UI suck
21. let’s create a high scalable javascript application
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
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?
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
65. JavaScript
67. YUI
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
87. “HTML5 is the future”
88. wanna see the future?
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 :)