Uploaded bySubramanyan Murali
YUI open for all !
YUI 3 is Yahoo's advanced JavaScript and CSS library designed to enhance web development, building on the success of YUI 2. The project emphasizes open-source collaboration, allowing users to contribute and create modules via GitHub, with resources provided for coding, testing, and community engagement. Key features include a core dependency module, numerous utilities, and a dedicated gallery for developers to share their extensions and enhancements.
YUI open for all !
- 1. YUI 3 Openfor all ! Subramanyan Murali Coder, hacker, dreamer
- 2. Who am I? Yahoo! Frontend Engineer for 5 years @rmsguhan http://rmsguhan.com YUI User Speaker Photographer Hacker Traveler
- 3. Yahoo! User InterfaceLibraries version 3.0 or YUI 3
- 4. YUI 3 isYahoo!'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 isintended to be more powerful , more feature rich and more Open
- 8. 2006 YUIproject was started 2007 YUI 2.2.0, 2.3.0, 2.4.0 2008 YUI 3.0 pr1 & pr2
- 9. 2009 YUI3.0 b1 launched YUI on GitHub YUI 3.0 released YUI 3.0 Gallery
- 10.
- 11. So what isthe 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 projectsare BSD-licensed and are available for forking and contribution on GitHub
- 14. 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
- 15. Using the YUI() one can load all 3.0 utilities, widgets and other custom modules
- 16. YUI ( )Core YUI( config ).use(“ node ”,“ anim ”, function( Y ) { Y. Node ; Y. Anim ; } ); Any number of instances Custom module load can be configured
- 17. YUI 3 providescool utilities that make development on the Browser easy and efficient
- 18. YUI 3 CoreYUI 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 codeStatus : ~ 1315 Builds ~ 3040 Commits ~ 20 Committers ~ 4000 Forum posts 1717 Downloads 422 Watchers 22 Forks
- 24. #yui IRCchannel Twitter @yuilibrary
- 25.
- 26. Open Source isall about community …
- 27. … Iuse your code, you can use mine …
- 28. … togetherwe solve a problem and create something awesome !
- 29.
- 30. “ I usedto 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 tomake development on browsers less hostile …
- 32. … andWith a big community working on the problems, they get solved faster and better
- 33. Lot of powerfulUI controls and experiences can be built out using YUI
- 34.
- 35.
- 36. YUI Gallery allowsall YUI developers to extend the library rapidly , adding modules that are accessible from any YUI 3 use() statement
- 37. How can Istart 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 someworking 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 informationhttp:// yuilibrary .com/projects/ yui3 /
- 47. Do all the hard work for free
- 48.
- 49. 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