Download to read offline
Uploaded byKoubei UED
Banquet 49
This document summarizes sessions from the YUI Conf 2010 conference, including sessions on YUI3 modules and DOM abstraction, porting Flickr to YUI3, YUI3 loading strategies, handling data in YUI3, AutoComplete, Treeview and Gallery modules, progressive enhancement with YUI, Node.js and YUI3, bulletproof HTML5, testing with Selenium, TestSwarm, JSTestDriver and Yeti, touch support in YUI 3.2.0, high performance JavaScript techniques, contributing to YUI, and using tools like boomerang and RRDtools.
More Related Content
Banquet 49
- 1. 49.YUI Conf 2010 Koubei UED 2011.11.30
- 2. • the future •YUI3... • YQL • node.js • HTML5 + CSS3 • tools • touch
- 3. YUI3 • YUI3:Below the surface • Porting Flickr to YUI 3 • YUI3 Loading Strategies • Handling Data in YUI3 • AutoComplete/Treeview/Gallery Modules • Understanding Progressive Enhancement with YUI
- 4. YUI3:Below the surface • Modules • DOM abstraction
- 5. YUI3 on Flickr • Y.delegate() Y.on() IE7/IE8 Y.all().on() • URL length 1600 sonic fallwall • RRDtool http://www.mrtg.org/rrdtool/
- 6. Node.js & YUI3 • Common.js • HTML JavaScript • CMS?
- 7. bulletproof HTML5 • <article></article> • <div class=”article”></div> • F2E Validator • • HTML5 http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html
- 8. Test • Selenium • TestSwarm • JSTestDriver • Yeti • YUI Test
- 9. touch time • W3C • YUI 3.2.0: touch,move,flick,gestures
- 10. high performance js • loadtime • Put scripts at the bottom • Combine JavaScript files • Load scripts dynamically • Defer scripts • Asynchronous scripts
- 11. high performance js • runtime (50ms) • Timers • Web Workers
- 12. high performance js • UI updates(repaints/reflows) • Perform DOM manipulations off-document • Group Style Changes • Avoid Accidental Reflow , element.offsetWidth;
- 13. Where is YUI? •http://yuilibrary.com/ • http://developer.yahoo.com/yui/ • http://yuiblog.com/ • http://twitter.com/yuilibrary • http://github.com/yui/
- 14. how to fixYUI? • http://yuilibrary.com/projects/yui3/ • http://yuilibrary.com/projects/yuilibrary/ wiki/Process/FilingATicket • http://yuilibrary.com/forum/
- 15. Contributing to YUI3 • http://yuilibrary.com/gallery/show • http://yuilibrary.com/gallery/developer
- 16. More • http://kxt.koubei.com/space/f2e/kaven/slide/ YUICONF2010/ • http://yuilibrary.com/yuiconf2010/ schedule.php
- 17. Action • YUI Test: • Yeti : • boomerang + RDDtools • HTML5 for K2 • touch • contribute to YUI :
- 18.