YUI for your Hacks-IITB

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

1 Favorite

YUI for your Hacks-IITB - Presentation Transcript

  1. YUI for your Hacks http://developer.yahoo.com/yui/ University Hack Day – IIT Mumbai
  2. Yahoo! Internal presentation Subramanyan Murali Maps Frontend Engineer, Hacker
    • “ The browser is an inefficient application platform”
    • -Douglas Crockford
    Yahoo! Hack U
    • It is an dynamic environment with a lot of inconsistencies …
    Yahoo! Hack U
    • … hence we end up spending more time fixing the mess, rather than developing
    Yahoo! Hack U
    • To abstract out all this mess, we built
    Yahoo! Hack U
    • Do more with less
    Yahoo! Hack U
    • Enough talk, show me the code !!
    Yahoo! Hack U
    • <script type=&quot;text/javascript&quot; src=&quot; http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js &quot; ></script>
    Yahoo! Hack U
    • Enabling Drag Drop …
    Yahoo! Hack U Step 1 – Include http://yui.yahooapis.com/2.6.0/build/dragdrop/dragdrop-min.js Step 2 – the code var dd1 = new YAHOO.util.DD(&quot;element1&quot;); That simple ….
    • YUI tells you what happened and when through Custom Events
    Yahoo! Hack U
    • Animation is easy too 
    Yahoo! Hack U
    • <div id=&quot; test &quot;></div>
    • <script>
    • var myAnim = new YAHOO.util.Anim (' test ', {
    • width: { to : 400 }
    • }, 1, YAHOO.util.Easing.easeOut );
    • myAnim. animate ();
    • </script>
    Yahoo! Hack U
    • Fetching data from a remote host forms basis of most hacks
    Yahoo! Hack U
    • Ajax = YUI connection manager
    • http://developer.yahoo.com/yui/connection/
    Yahoo! Hack U
    • <script src=&quot; http://yui.yahooapis.com/2.6.0/build/connection/connection-min.js &quot;></script>
    Yahoo! Hack U
    • <script>
    • var callback =
    • {
    • success : function( o ) { /*success handler code*/ },
    • failure : function( o ) { /*failure handler code*/ },
    • }
    • var transaction = YAHOO.util.Connect.asyncRequest ('GET', sUrl, callback , null);
    • </script>
    Yahoo! Hack U
    • Cross domain request can be through a same origin proxy …
    Yahoo! Hack U
    • … or through dynamic script node attach
    Yahoo! Hack U
    • Write your own script attach routine, or use YUI get Utility
    • http://developer.yahoo.com/yui/get/
    Yahoo! Hack U
    • … Or use my implementation
    • http://indiahacku.in/subram/dataFetch.js
    Yahoo! Hack U
    • Var url = “ http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20flickr.photos.search(120)%20where%20tags%3D%22hacku%22 ”;
    • YAHOO.remoteData.fetch (url, callBack, scopeObj, JsonCallback);
    Yahoo! Hack U
    • Better presentation = great layouts using = YUI Layout Manager
    • http://developer.yahoo.com/yui/layout/
    Yahoo! Hack U
    • Fluid CSS layouts using YUI Grids
    • http://developer.yahoo.com/yui/grids/
    • Grid building made easy with YUI grind Builder
    • http://developer.yahoo.com/yui/grids/builder/
    Yahoo! Hack U
    • Present modules with YUI Container widgets
    • http://developer.yahoo.com/yui/container/
    Yahoo! Hack U
    • Building things has never been easier
    Yahoo! Hack U
  3. Yahoo! Hack U Tab view Slider Data Table Carousel Tree view Rich Text Editor Layout Manager Grid Builder DOM & Event Element Connection Get YQL Pipes Yahoo! APIs Cool app / hack / innovation
  4. Yahoo! Hack U Close to 300 examples http://developer.yahoo.com/yui/examples/
    • Hack away !!
    Yahoo! Hack U

+ Subramanyan GuhanSubramanyan Guhan, 9 months ago

custom

1642 views, 1 favs, 0 embeds more stats

YUI for your Hacks, talk for University hack day in more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 1642
    • 1642 on SlideShare
    • 0 from embeds
  • Comments 1
  • Favorites 1
  • Downloads 15
Most viewed embeds

more

All embeds

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories