Getting started with YUI3 and AlloyUI

Getting started with YUI3 and AlloyUI

JAX Conference - Mainz, 2013

E190023b66e2b8aa73a842b106920c93?s=128

Zeno Rocha

April 25, 2013
Tweet

Transcript

  1. 2.
  2. 3.
  3. 7.
  4. 8.
  5. 9.
  6. 11.
  7. 22.
  8. 23.
  9. 25.
  10. 41.
  11. 64.

    $.ajax({ url: "api.json", success: function(data) { // do something }

    }); ajax Y.io('api.json', { on: { success: function(data) { // do something } } }); YUI3 jQuery
  12. 67.
  13. 68.

    “Optimize the front-end performance first, because 80/90% of the user

    response time is spent there.” - Steve Souders, Engineer at Google
  14. 70.

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/ 1.9.1/jquery.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/ 1.10.2/jquery-ui.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ mustache.js/0.7.2/mustache.js"></script> <script

    src="//cdnjs.cloudflare.com/ajax/libs/ require.js/2.1.5/require.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/ 1.0.0-rc.2/ember-1.0.pre.js"></script> ... ...
  15. 91.
  16. 111.
  17. 114.

    * drag and drop UI * flexible API * support

    all browsers * no flash (HTML5)
  18. 120.

    taglibs <aui:input name="myField" > <aui:validator name="required" /> <aui:validator name="digits" />

    <aui:validator name="range" > [8,50] </aui:validator> </aui:input> Form Validation
  19. 122.
  20. 123.
  21. 124.