Download - Hack with YUI
Transcript
![Page 1: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/1.jpg)
Jai SanthoshFrontend Engineer, Hackerhttp://twitter.com/jaisanth
HackwithYUI
![Page 2: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/2.jpg)
“The browser is the most futile deployment environment…”
- Douglas Crockford
![Page 3: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/3.jpg)
![Page 4: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/4.jpg)
Don’t reinvent the wheel
Use tools which are already available
![Page 5: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/5.jpg)
A comprehensive suite of tools to help you code like a pro!!
http://yuilibrary.com/
![Page 6: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/6.jpg)
YUI Library
• CORE
• UTILITIES
• CSS
• WIDGETS
http://yuilibrary.com/yui/docs/guides/
![Page 7: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/7.jpg)
Code
<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
![Page 8: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/8.jpg)
Using Modules
YUI().use('node', 'event', function(Y) {
var demo = Y.one('#demo'); //Get id="demo"demo.on("click", function (e) {
//Do stuff when #demo is clicked});
});
![Page 9: Hack with YUI](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5560b848d8b42aef3b8b4b41/html5/thumbnails/9.jpg)
EXAMPLES
http://hackyourworld.org/hackuiitd/yui_yql_example.html