Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

How to create JavaScript apps for Java portals

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Zeno Rocha Zeno Rocha
April 25, 2013
Programming
760
7

How to create JavaScript apps for Java portals

JAX Conference - Mainz, 2013

Avatar for Zeno Rocha

Zeno Rocha

April 25, 2013

More Decks by Zeno Rocha

See All by Zeno Rocha
The Next Generation of Developer-First Products
Avatar for Zeno Rocha zenorocha
1
790
7 Habits of Highly Productive Developers
Avatar for Zeno Rocha zenorocha
1
460
7 Hábitos de Desenvolvedores Altamente Produtivos
Avatar for Zeno Rocha zenorocha
1
600
What's new in the Liferay Community
Avatar for Zeno Rocha zenorocha
0
750
Launching Liferay Projects Faster with WeDeploy
Avatar for Zeno Rocha zenorocha
1
630
How Liferay fits into the real of latest technologies
Avatar for Zeno Rocha zenorocha
0
690
Estoicismo e JavaScript
Avatar for Zeno Rocha zenorocha
3
1.3k
Por que ninguém se importa com seu novo projeto open source?
Avatar for Zeno Rocha zenorocha
2
1.2k
Como investir em... você!
Avatar for Zeno Rocha zenorocha
1
640

Other Decks in Programming

See All in Programming
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
8
5.5k
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
440
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
20
21k
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.8k
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
120
モジュールの視点からSwiftを読み解く #iosdc
Avatar for Shigure Shimotori s_shimotori
0
350
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
140
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
470
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
230
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
180
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
550
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
0
140

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
187
17k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
350
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
460
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
610
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
230
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
540
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k

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