how to createhigh scalablejavascriptapps forjava portalsMainz, 2013.
I’m from brazil
I ♥ opensource
I ♥ jQuery
jqueryboilerplate.com
I ♥ HTML5
html5-pro.com/wormz
today we’regoing totalk aboutjavascript...
just a toylanguage?
triggerrally.com/x/Preview/Arbusu/drive
what aboutjQuery?
goo.gl/rfaLs
why shouldI care?
because your UI suck
let’s createa high scalablejavascriptapplication
option #1writeeverythingfrom scratch
option #2use existingopen sourcesolutions
Events,Selection,DOM Manipulation,Animation,Ajax requestsjquery.com
mootools.net
UI componentstwitter.github.io/bootstrap
jqueryui.com
Templatesmustache.github.io
handlebarsjs.com
Module loaderrequirejs.org
headjs.com
MV*backbonejs.org
knockoutjs.com
angularjs.org
emberjs.com
TestsBDDTDDpivotal.github.io/jasmine
qunitjs.com
we buildjava portals
our solutionhas more than4,000,000downloads
and over500,000deploymentsworldwide
so how canwe create aneasy-to-maintainUI architeture?
yuilibrary.com
and wecreated ourown supersetof components
AlloyUI
alloyui.com
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
YUI =effectsDOMajaxevents...MVC
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
AlloyUI =calendartabsbuttonscarousel...audio
JavaScript
YUI
AlloyUI
alloyui.com/examples/carousel
alloyui.com/examples/diagram-builder
alloyui.com/examples/image-cropper
alloyui.com/examples/viewport
but I’ma javaguy!
<taglibs> o/
everythingyou need
everythingyou need+ single api
everythingyou need+ single api+ goodperformance
who uses it?
developer.cisco.com
lufthansa-flight-training.com
bosch-sicherheitssysteme.de
more than300,000downloads
wannaknowmore?
find meon roomWatfordsaal Bat 2pm
“HTML5 is the future”
wanna see the future?
HTML5is today!
Content ConsumerDevices
Content ConsumerDevices
old browsers are like B&W TVs
new browsers are like HD TVs
TV already solved that problem
so why developerskeep doing this?
it’s up to you!
dank :)
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
How to create high scalable JavaScript apps for Java Portals
Upcoming SlideShare
Loading in...5
×

How to create high scalable JavaScript apps for Java Portals

659

Published on

Jax Conf @ Mainz, Germany @ April, 2013

Published in: Technology, Education
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
659
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

How to create high scalable JavaScript apps for Java Portals

  1. 1. how to createhigh scalablejavascriptapps forjava portalsMainz, 2013.
  2. 2. I’m from brazil
  3. 3. I ♥ opensource
  4. 4. I ♥ jQuery
  5. 5. jqueryboilerplate.com
  6. 6. I ♥ HTML5
  7. 7. html5-pro.com/wormz
  8. 8. today we’regoing totalk aboutjavascript...
  9. 9. just a toylanguage?
  10. 10. triggerrally.com/x/Preview/Arbusu/drive
  11. 11. what aboutjQuery?
  12. 12. goo.gl/rfaLs
  13. 13. why shouldI care?
  14. 14. because your UI suck
  15. 15. let’s createa high scalablejavascriptapplication
  16. 16. option #1writeeverythingfrom scratch
  17. 17. option #2use existingopen sourcesolutions
  18. 18. Events,Selection,DOM Manipulation,Animation,Ajax requestsjquery.com
  19. 19. mootools.net
  20. 20. UI componentstwitter.github.io/bootstrap
  21. 21. jqueryui.com
  22. 22. Templatesmustache.github.io
  23. 23. handlebarsjs.com
  24. 24. Module loaderrequirejs.org
  25. 25. headjs.com
  26. 26. MV*backbonejs.org
  27. 27. knockoutjs.com
  28. 28. angularjs.org
  29. 29. emberjs.com
  30. 30. TestsBDDTDDpivotal.github.io/jasmine
  31. 31. qunitjs.com
  32. 32. we buildjava portals
  33. 33. our solutionhas more than4,000,000downloads
  34. 34. and over500,000deploymentsworldwide
  35. 35. so how canwe create aneasy-to-maintainUI architeture?
  36. 36. yuilibrary.com
  37. 37. and wecreated ourown supersetof components
  38. 38. AlloyUI
  39. 39. alloyui.com
  40. 40. YUI =effectsDOMajaxevents...MVC
  41. 41. YUI =effectsDOMajaxevents...MVC
  42. 42. YUI =effectsDOMajaxevents...MVC
  43. 43. YUI =effectsDOMajaxevents...MVC
  44. 44. YUI =effectsDOMajaxevents...MVC
  45. 45. YUI =effectsDOMajaxevents...MVC
  46. 46. YUI =effectsDOMajaxevents...MVC
  47. 47. AlloyUI =calendartabsbuttonscarousel...audio
  48. 48. AlloyUI =calendartabsbuttonscarousel...audio
  49. 49. AlloyUI =calendartabsbuttonscarousel...audio
  50. 50. AlloyUI =calendartabsbuttonscarousel...audio
  51. 51. AlloyUI =calendartabsbuttonscarousel...audio
  52. 52. AlloyUI =calendartabsbuttonscarousel...audio
  53. 53. AlloyUI =calendartabsbuttonscarousel...audio
  54. 54. JavaScript
  55. 55. YUI
  56. 56. AlloyUI
  57. 57. alloyui.com/examples/carousel
  58. 58. alloyui.com/examples/diagram-builder
  59. 59. alloyui.com/examples/image-cropper
  60. 60. alloyui.com/examples/viewport
  61. 61. but I’ma javaguy!
  62. 62. <taglibs> o/
  63. 63. everythingyou need
  64. 64. everythingyou need+ single api
  65. 65. everythingyou need+ single api+ goodperformance
  66. 66. who uses it?
  67. 67. developer.cisco.com
  68. 68. lufthansa-flight-training.com
  69. 69. bosch-sicherheitssysteme.de
  70. 70. more than300,000downloads
  71. 71. wannaknowmore?
  72. 72. find meon roomWatfordsaal Bat 2pm
  73. 73. “HTML5 is the future”
  74. 74. wanna see the future?
  75. 75. HTML5is today!
  76. 76. Content ConsumerDevices
  77. 77. Content ConsumerDevices
  78. 78. old browsers are like B&W TVs
  79. 79. new browsers are like HD TVs
  80. 80. TV already solved that problem
  81. 81. so why developerskeep doing this?
  82. 82. it’s up to you!
  83. 83. dank :)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×