Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hack with YUI

2,943 views

Published on

YUI talk for IITD HackU

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Hack with YUI

  1. 1. Jai Santhosh Frontend Engineer, Hacker http://twitter.com/jaisanth Hack with YUI
  2. 2. <ul><li>“ The browser is the most futile deployment environment…” </li></ul><ul><li>- Douglas Crockford </li></ul>
  3. 4. Don’t reinvent the wheel <ul><li>Use tools which are already available </li></ul>
  4. 5. <ul><li>A comprehensive suite of tools to help you code like a pro!! </li></ul><ul><li>http://yuilibrary.com/ </li></ul>
  5. 6. YUI Library <ul><li>CORE </li></ul><ul><li>UTILITIES </li></ul><ul><li>CSS </li></ul><ul><li>WIDGETS </li></ul>http://yuilibrary.com/yui/docs/guides/
  6. 7. Code <ul><li><script src=&quot; http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js &quot;></script> </li></ul>
  7. 8. Using Modules <ul><li>YUI().use('node', 'event', function(Y) { </li></ul><ul><li>var demo = Y.one('#demo'); //Get id=&quot;demo&quot; </li></ul><ul><li>demo.on(&quot;click&quot;, function (e) { </li></ul><ul><li>//Do stuff when #demo is clicked </li></ul><ul><li>}); </li></ul><ul><li>}); </li></ul>
  8. 9. <ul><li>EXAMPLES </li></ul><ul><li>http://hackyourworld.org/hackuiitd/yui_yql_example.html </li></ul>

×