Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
720
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
690
7 Habits of Highly Productive Developers
Avatar for Zeno Rocha zenorocha
1
440
7 Hábitos de Desenvolvedores Altamente Produtivos
Avatar for Zeno Rocha zenorocha
1
570
What's new in the Liferay Community
Avatar for Zeno Rocha zenorocha
0
730
Launching Liferay Projects Faster with WeDeploy
Avatar for Zeno Rocha zenorocha
1
610
How Liferay fits into the real of latest technologies
Avatar for Zeno Rocha zenorocha
0
670
Estoicismo e JavaScript
Avatar for Zeno Rocha zenorocha
3
1.2k
Por que ninguém se importa com seu novo projeto open source?
Avatar for Zeno Rocha zenorocha
2
1.1k
Como investir em... você!
Avatar for Zeno Rocha zenorocha
1
610

Other Decks in Programming

See All in Programming
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
560
安いハードウェアでVulkan
Avatar for Fadis fadis
1
950
Make GenAI Production-Ready with Kubernetes Patterns
Avatar for Bilgin Ibryam bibryam
0
110
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
180
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
580
How Swift's Type System Guides AI Agents
Avatar for Yuta Koshizawa koher
0
220
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
3
520
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
250
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
2.9k
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
720
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
2
250
へんな働き方
Avatar for Yusuke Wada yusukebe
6
2.9k

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
270
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
260
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
290
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
53k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
480
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k

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