1.
YUI 3 Open for all ! <ul><li>Subramanyan Murali </li></ul><ul><li>Coder, hacker, dreamer </li></ul>

2.
<ul><li>Who am I ? </li></ul><ul><li>Yahoo! Frontend Engineer for 5 years </li></ul><ul><li>@rmsguhan </li></ul><ul><li>http://rmsguhan.com </li></ul><ul><li>YUI User </li></ul><ul><li>Speaker </li></ul><ul><li>Photographer </li></ul><ul><li>Hacker </li></ul><ul><li>Traveler </li></ul>

3.
Yahoo! User Interface Libraries version 3.0 or YUI 3

4.
YUI 3 is Yahoo!'s next-generation JavaScript and CSS library

5.
Powers many Yahoo! Properties , any so many other web sites around the world

6.
YUI 2.x was hugely successful

7.
YUI 3 is intended to be more powerful , more feature rich and more Open

8.
2006 YUI project was started 2007 YUI 2.2.0, 2.3.0, 2.4.0 2008 YUI 3.0 pr1 & pr2

9.
2009 YUI 3.0 b1 launched YUI on GitHub YUI 3.0 released YUI 3.0 Gallery

10.
http:// developer .yahoo.com/ yui /

11.
So what is the big fuss ?

12.
YUI 2 JavaScript core, utilities, widgets; CSS foundation including YUI 3 JavaScript core, utilities; CSS foundation; Gallery. YUI Compressor JavaScript core, utilities, widgets; CSS foundation including YUI Doc Build-time tool for generating API documentation YUI PHP Loader Flexible PHP js/css mgt. solution, includes YUI metadata; combos. YUI Builder Build scripts for generating YUI JS/CSS from source. YUI Theater Video library on the discipline of frontend engineering. YUI Test Comprehensive unit testing solution for any JS code.

13.
All YUI projects are BSD-licensed and are available for forking and contribution on GitHub

14.
<ul><li>Getting YUI 3 </li></ul><ul><li><script src=&quot; http://yui. yahooapis .com/ 3.0.0 /build/yui/ yui-min .js &quot;> </script> </li></ul>Seed File The YUI module is the single core dependency for all YUI 3.x implementations The YUI module contains loader functionality and a dependency calculator

15.
Using the YUI() one can load all 3.0 utilities, widgets and other custom modules

16.
<ul><li>YUI ( ) Core </li></ul><ul><li>YUI( config ).use(“ node ”,“ anim ”, </li></ul><ul><li>function( Y ) { </li></ul><ul><li>Y. Node ; </li></ul><ul><li>Y. Anim ; </li></ul><ul><li>} </li></ul><ul><li>); </li></ul>Any number of instances Custom module load can be configured

17.
YUI 3 provides cool utilities that make development on the Browser easy and efficient

18.
YUI 3 Core YUI object Node Event YUI 3 Utilities Animation Cache Cookie DataSchema DataSource DataType DragDrop Get History ImageLoader IO (XHR, XDR) JSON StyleSheet YUI 3 Widget Base Attribute Base Plugin Widget Plugins & widgets Overlay Slider FocusManager MenuNav YUI 3 CSS Reset Base Fonts

19.
Well documented , lots of code examples

20.
YUI and the Open Source

21.
http:// yuilibrary .com/ gallery /

22.
http:// github .com/yui/ yui3 /

23.
Open Source code Status : ~ 1315 Builds ~ 3040 Commits ~ 20 Committers ~ 4000 Forum posts 1717 Downloads 422 Watchers 22 Forks

24.
#yui IRC channel Twitter @yuilibrary

25.
But Why ??

26.
Open Source is all about community …

27.
… I use your code, you can use mine …

28.
… together we solve a problem and create something awesome !

30.
“ I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile” - Doug Crockford JavaScript architect

31.
YUI aims to make development on browsers less hostile …

32.
… and With a big community working on the problems, they get solved faster and better

33.
Lot of powerful UI controls and experiences can be built out using YUI

35.
http://freshcutsd.com/yui-slideshow/ http://www.linkedin.com

36.
YUI Gallery allows all YUI developers to extend the library rapidly , adding modules that are accessible from any YUI 3 use() statement

37.
How can I start contributing ?

38.
1 Get your source from GitHub and set up your work space

39.
2 Fix bugs on existing components or other gallery modules.

40.
3 Create a new YUI module and send it to the YUI team for approval

41.
4 Contribute some working examples or code samples

42.
5 Test components and File bugs

43.
6 Join the forum , participate in discussions and answer queries

44.
7 Write Test cases or update existing tests

45.
8 Raise bugs / Tickets for issues and feature requests

46.
For more information http:// yuilibrary .com/projects/ yui3 /

47.
Do all the hard work for free 

48.
Thank You !

49.
<ul><li>References </li></ul><ul><li>http://developer.yahoo.com/yui/ </li></ul><ul><li>http://yuilibrary.com/ </li></ul><ul><li>http://developer.yahoo.com/yui/theater/ </li></ul><ul><li>http://www.slideshare.net/davglass/contributing-to-yui </li></ul><ul><li>http://www.slideshare.net/caridy/building-yui-3-custom-modules </li></ul>