YUI open for all !

YUI 3 Open for all !
Subramanyan Murali
Coder, hacker, dreamer

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

Yahoo! User Interface Libraries version 3.0 or YUI 3

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

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

YUI 2.x was hugely successful

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

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

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

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

So what is the big fuss ?

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.

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

Getting YUI 3
<script src=" http://yui. yahooapis .com/ 3.0.0 /build/yui/ yui-min .js "> </script>
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

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

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

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

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

Well documented , lots of code examples

YUI and the Open Source

http:// yuilibrary .com/ gallery /

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

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

#yui IRC channel Twitter @yuilibrary

But Why ??

Open Source is all about community …

… I use your code, you can use mine …

… together we solve a problem and create something awesome !

“ 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

YUI aims to make development on browsers less hostile …

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

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

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

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

How can I start contributing ?

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

2 Fix bugs on existing components or other gallery modules.

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

4 Contribute some working examples or code samples

5 Test components and File bugs

6 Join the forum , participate in discussions and answer queries

7 Write Test cases or update existing tests

8 Raise bugs / Tickets for issues and feature requests

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

Do all the hard work for free 

Thank You !

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

YUI open for all !

by Subramanyan Guhan on Mar 22, 2010

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 6

Statistics

YUI open for all ! — Presentation Transcript