yui mixer
DESCRIPTION
Quick iTRANSCRIPT
YUIOpen Hack Day mixer session
Harsha [email protected]://www.harsharv.com
THOMAS ALVA EDISON NIKOLA TESLA
The web is a total mess!
Inte
rface
Wid
gets
Auto Complete Data Table
Button Layout
Calendar Menu
Charts Rich Text
Container Tab View
Everything is fully documented with around 300 examples!
1. Documentationhttp://developer.yahoo.com/yui/docs/
2. Exampleshttp://developer.yahoo.com/yui/examples/
Now, lets have a look at what YUI has to offer.
1. Data Sourcehttp://developer.yahoo.com/yui/3/datasource/
The DataSource Utility provides a consistent API for the retrieval of data from arbitrary sources over a variety of supported
protocols.
1. Remote sources2. Polling3. Caching4. Events
http://developer.yahoo.com/yui/3/examples/datasource/datasource_get.html
YUI allows you to fetch data from YQL directly!
http://developer.yahoo.com/yui/3/examples/yql/simple-yql.html
2. Auto complete
http://developer.yahoo.com/yui/3/examples/autocomplete/ac_datasource.html
3. Data Charts
Now.. I want to draw a graph..
Duck.. There will be codeDuck.. There will be code
My code..
YUI().use('charts', function (Y) { var myDataValues = [ {category:"5/1/2010", values:2000}, {category:"5/2/2010", values:50}, {category:"5/3/2010", values:400}, {category:"5/4/2010", values:200}, {category:"5/5/2010", values:5000} ]; var mychart = new Y.Chart({dataProvider:myDataValues, render:"#mychart"});});
Ain’t that kick ass???
Let us look at the examples page…
http://developer.yahoo.com/yui/3/examples/
Harsha R. [email protected]
http://www.harsharv.comhttp://twitter.com/harsharv
http://www.facebook.com/harsharvhttp://www.slideshare.net/harsharv