Hack with YUI

2,858 views

Published on

YUI talk for IITD HackU

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,858
On SlideShare
0
From Embeds
0
Number of Embeds
763
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×