Sessions at YUIConf 2010 about YUI3 and YUI

Monday 8th November 2010

YUI 3 and Node.js, working together, help us fully realize the promise of progressive enhancement (and a lot of other cool stuff). Dav will be showing how it's done and what's possible using these powerful tools together.

A look at how Flickr converted from YUI 2 to YUI 3, and in the process, reduced load times by 80%. We'll examine the unforeseen consequences that can arise from following performance guidelines and porting your site to YUI 3, and how to overcome them. We'll also discuss what performance metrics matter on a page where everything is deferred.

The premise of this idea is to enable data to be translated into HTML either on the browser or the server. The only way to do this on the browser is with JavaScript, so we must have JavaScript on the server as well. Good thing we have NodeJS. Most web application frameworks have some type of templating engine that accepts two things: (1) data, (2) template, and returns HTML to be assembled into an HTTPResponse. But what if we could take the browser-side JavaScript function that handles the XHR response data and run it on the server? With the nodejs-yui3 module, we can!

Tuesday 9th November 2010

In this talk, Liferay's Nate Cavanaugh and Eduardo Lundgren will walk through and give demos, explanations and code samples for the 60+ widgets, extensions and utilities that they were able to build on top of YUI 3, and how those modules help make development easier day to day.

This session demonstrates how YUI can be used with SVG (Scalable Vector Graphics) to create rich, animated and interactive graphical effects. After showing examples from the svg-wow.org web site, the session will show in detail how the gallery-svg module for the YUI gallery can be used for simple examples (such as animating shape properties) to or more complex ones (such as morphing shapes or animating filter effects).

An all-new AutoComplete widget is landing in YUI 3.3.0. In this talk, AutoComplete author Ryan Grove will take you on a whirlwind tour of some of the many autocomplete patterns it makes possible, as well as a deep dive into its powerful new YQL integration, filtering, and highlighting capabilities.

JavaScript testing has grown by leaps and bounds over the past few years. When YUI Test was first introduced in 2007, it was just the first step in a long process of bringing test-driven development to the front end. YUI Test evolved with the release of YUI 3 to introduce mock objects as feedback indicated a need. As feedback continued to come in, YUI Test continued to evolve. Learn about the next version of YUI Test, how it makes testing any JavaScript code easier, and the brand new tools that allow you to integrate your testing into a continuous integration environment.

Liferay's Nate Cavanaugh and Eduardo Lundgren will discuss the best practices they've learned in building and extending YUI3 components, ways to work with the grain of development and ways to form your own grain. This talk will cover topics such as how handle automatic binding and syncing of attributes for widgets, sharing skins across widgets, and optimizing your dependencies.

Got an idea for a cool widget? Unsure of how to turn it into reality? Follow along as we cover the steps involved in creating a fully-featured YUI3 widget! Starting with in-line javascript; migrating it into a node plugin; going from a plugin to a widget; and finally adding advanced functionality via widget plugins with a quick pit-stop to run some tests.

Got an idea for a cool widget? Unsure of how to turn it into reality? Follow along as we cover the steps involved in creating a fully-featured YUI3 widget! Starting with in-line javascript; migrating it into a node plugin; going from a plugin to a widget; and finally adding advanced functionality via widget plugins with a quick pit-stop to run some tests.

In this talk, Satyen will share YUI's approach to supporting the new set of web enabled devices on the market today, and how we'd like to think of them in terms of features and constraints as opposed to an isolated problem space.

A robust loading strategy is one of the most important pieces when you think about optimization for high traffic websites. YUI Loader is a wonderful piece of software, and learning how to leverage it is a MUST-HAVE for YUI developers. Dynamic injections, controlling early user interactions, parallel downloads, preloading asssets, and window-iframe loading strategies are some of the topics that Caridy will cover in this presentation that examines Yahoo! Search as a case study.