Jump to a Section:
- Douglas Crockford
- Frontend Engineering: The Discipline in a Time of Change
- YUI 3: Remixed, with Sophistication, Sugar and a Gallery
- Using YUI in the Real World: Notes from the Community at Yahoo and Beyond
- Automated Testing for Frontend Code
- YQL: Select * from the Internet
- About YUI Theater
- CC Images/Used by Kind Permission
New YUI Theater titles are announced on Twitter, via RSS, and on iTunes. All new YUI Theater videos are available as 480p .mov downloads, smaller .m4v files, and in a high resolution, embeddable Flash player.
Douglas also contributed the closing keynote to YUIConf 2010 — a fascinating, non-technical talk about the life and dreams of Walt Disney. Although “Quality” will always be my favorite of the Crockford titles on YUI Theater, this one is revealing about Doug on a personal level, and it’s a fascinating study.
- Douglas Crockford: Project Future — Douglas reflects on the life of Walt Disney, who dreamed of creating a ‘City of the Future’ in Florida as part of the project that became Disney World. (This is not a technical session, but rather one about big dreams and the life lessons we can draw from them.
Frontend Engineering: The Discipline in a Time of Change
The ascendance of high quality, touch-enabled browsers running on low-power, low-bandwidth, high-latency devices was a distinctive feature of 2010, as was the increasing attention these high quality browsers helped bring to a class of new standards generally lumped under the HTML5 moniker (but often including CSS3 and other technologies as well). YUI Theater featured a number of talks focused on enriching the conversation around the discipline at this time of intense change.
- Tantek Çelik: HTML5: Right Here, Right Now — Author and standards expert Tantek Çelik, formerly of Technorati, discusses the current state of HTML5 specifications and their readiness for use in shipping web applications.
- Nate Koechley: A Taxonomy of Touch — YUI contributor Nate Koechley breaks down the elements of touch primitives, gestures and semantics, laying a foundation for the broader language of touch interactions that drive the emerging class of portable devices.
- Allen Rabinovich: The Many Hats of the Frontend Engineers — In one of the most creative presentations at YUIConf 2010, YUI developer Allen Rabinovich reflects on the many different roles played by frontend engineers as part of their natural generative process.
- Philippe Le Hégaret: The Next Open Web Platform — Philippe Le Hégaret, who heads the W3C Interaction Domain, discusses HTML5. While the HTML5 specification itself does actually not contain many new features, the new Web platform, often labeled as HTML5, does come with many new features from HTML video to SVG to CSS animations or Web sockets. This talk gives an overview of what’s ahead of us, using concrete demonstrations in latest generation Web browsers.
- Ryan Dahl: Introduction to NodeJS — Ryan Dahl, the creator of NodeJS, introduces the project and talks about performance improvements and new architecture. The talk took place at the May 2010 BayJax meetup at Yahoo.
- Ryan Dahl: Node.js Roadmap — Ryan delivers one of the most technical (and amusing) talks at YUIConf 2010, diving into the details of Node.js’s present state and future roadmap.
- Dav Glass: Node.js + YUI 3 — YUI developer Dav Glass introduces the work he’s done to bring YUI 3′s power to Node.js implementers.
YUI 3: Remixed, with Sophistication, Sugar and a Gallery
Last year, Satyen Desai’s “YUI 3: Design Goals and Architecture” was one of the most-watched and often-referenced titles on YUI Theater. Along with Luke Smith’s “Events Evolved,” it helped bring a focus to the technical sophistication of the YUI 3 core. At the same time, Dav Glass debuted the YUI 3 Gallery in 2009, and 2010 saw YUI 3 grow more quickly through community contributions to the core and Gallery than it did from the team of committers.
This year, a collection of new talks highlights the continuing evolution of YUI 3 a year after its GA release, with a growing body of new widgets like AutoComplete and DataTable and a bedrock of time-tested utilities.
Jump to the next session, “Using YUI in the Real World,” for videos from the YUI implementer and contributor community.
- Luke Smith: YUI 3: Below the Surface [download only] — Luke Smith, a YUI team engineer, delivers one of the most highly rated talks at YUIConf 2010, looking inside core patterns and infrastructure pieces that lie at the heart of YUI 3.
- Satyen Desai: ‘A Phone, a Tablet and a Laptop Walk into a Bar…’—YUI’s Approach to Mobile Web Development [download only] — Satyen Desai, creator of the YUI 3 component and widget subsystems, discusses YUI’s approach to supporting the new set of web enabled devices on the market today. Satyen’s thesis: Think of mobile/touch devices in terms of features and constraints as opposed to an isolated problem space.
- Ryan Grove: Introducing YUI 3 AutoComplete — In this talk from YUIConf 2010, YUI 3 AutoComplete author Ryan Grove takes you on a whirlwind tour of some of the many autocomplete patterns made possible by this component and provides a deep dive into its powerful new YQL integration, filtering, and highlighting capabilities.
- Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.
- Gonzalo Cordero: A Preview of YUI 3 TreeView — Yahoo! frontend engineer and YUI contributor Gonzalo Cordero discusses his TreeView implementation which was recently posted to the YUI 3 Gallery. This lighter incarnation of Treeview is built upon YUI 3′s Parent-Child module and already boasts a feature-rich and easy-to-implement API and a robust set of events.
- Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.
Using YUI in the Real World: Notes from the Community at Yahoo and Beyond
At YUIConf 2010, a stellar collection of speakers came to talk about YUI 3 and its use on some of the web’s major sites. This collection ranges from a tour of the indispensable AlloyUI extensions in the YUI Gallery to the story of Flickr’s YUI 3 migration.
- Anthony Pipkin: The Next Step: From Idea to Widget (Part 1) — Anthony Pipkin (Interactive Director at The Jones Group), a prolific YUI contributor, presents the first part of a two-part series on how to move from implementing simple functionality in YUI 3 to producing modular, reusable components that leverage YUI 3′s component infrastructure (including widgets and plugins).
- Pat Cavit: The Next Step: From Idea to Widget (Part 2) — ArenaNet engineer and YUI contributor Pat Cavit presents the second part of a two-part series on reusable component development in YUI 3.
- Caridy Patiño Mayea: YUI 3 Loading Strategies: A Yahoo! Search Case Study — A robust loading strategy is one of the most important elements of optimization for high-traffic websites. YUI 3′s Loader is both powerful and elegant, and learning how to leverage it is a must for YUI developers. In this YUIConf 2010 session, Yahoo! frontend engineer and YUI contributor Caridy Patiño Mayea provides a technical overview of loading strategies employed on Yahoo! Search.
- Dan Hunt: Building the Next Generation of Yahoo! Mail with YUI 3 — Yahoo! Mail frontend engineer Dan Hunt describes the creation of the newest version of Yahoo! Mail, rewritten from the ground up using YUI 3.
- Nate Cavanaugh and Eduardo Lundgren: A Whirlwind Tour of AlloyUI Components in the YUI 3 Gallery — Liferay engineers Nate Cavanaugh and Eduardo Lundgren talk about the dozens of high-quality, YUI 3-based components contributed via their AlloyUI project to the YUI 3 Gallery.
- Mark Kawakami: Finger Tips: Lessons Learned from Building a Touch-Based Experience — Mark Kawakami of Yahoo! Sports takes you through some lessons learned in building touch-based experiences for one of the most popular websites on the internet.
- Ross Harmes: Porting Flickr to YUI 3 — Ross Harmes is a Frontend Engineering Manager at Flickr. In this session, he discusses the process his team underwent in rewriting the Flickr front end layer using YUI 3, including performance and code-organization tips as well as other lessons learned.
Automated Testing for Frontend Code
- Nicholas C. Zakas: YUI Test — Yahoo! Front Page engineer, author and YUI contributor Nicholas C. Zakas talks about the new standalone YUI Test project which has been broken out from its YUI 2 and YUI 3 roots.
- Reid Burke: Yeti: YUI’s Easy Testing Interface — Testing cross-browser web applications has been too difficult for too long: You’re either manually reloading browsers or struggling with complicated automation software. In this session from YUIConf 2010, YUI engineer Reid Burke talks about how YUI’s Yeti project helps to address these problems. Reid discusses when you should use automated testing for your frontend code, how Yeti works with YUI Test, how to setup cross-browser testing in minutes and how the YUI team uses Yeti to ship a better product.
In 2009, Yahoo!’s Todd Kloots gave a series of talks on accessibility, including a session on “Building Accessible Widgets with YUI 3.” In 2010, we dedicated two sessions at the BayJax meetup series to the subject, including a detailed description of how accessibility is engineered into the DNA of Yahoo!’s home page.
- Nicholas Zakas and Victor Tsaran: Accessibility on the Yahoo Homepage — Nicholas Zakas, a principal developer of the Yahoo! homepage, and Victor Tsaran’s, Yahoo!’s senior accessibility manager, discuss the strategies and methods that made one of the most visited websites in the world fully accessible. This talk took place at the June 2010 BayJax meetup at Yahoo.
- Philip Tellis: Measuring the Web with Boomerang — Philip Tellis, a long-time Yahoo! and performance expert, discusses the Boomerang open-source tool for measuring the performance of web sites.
- Alois Reitbauer: dynaTrace Ajax Edition — dynaTrace provides one of the most powerful tools for analyzing the performance of web applications in Internet Explorer. In this talk, dynaTrace engineer Alois Reitbauer walks through four specific analytic scenarios using the dynaTrace interface.
YQL: Select * from the Internet
- Mirek Grymuza and Josh Gordineer: YQL: An Introduction — Mirek Grymuza and Josh Gordineer are members of the team that builds and maintains YQL. In this talk from YUIConf 2010, they provide a baseline introduction to YQL’s history, features, and core uses.
- Paul Donnelly and Nagesh Susarla: YQL + YUI: Building End-to-End Applications — When developing widgets, it’s not how to use YQL data that comes up as a question, but rather how to access it. In this YUIConf 2010 session, YQL engineers Paul Donnelly and Nagesh Susarla review how to start your query out in the YQL console, how to access YQL data via the various endpoints, and how to go through YQL’s various authentication layers.
- Nagesh Susarla: Building YQL Open Data Tables with YQL Execute — YQL engineer Nagesh Susarla explores the power of YQL Execute in the creation of powerful YQL open data tables.
- Christian Heilmann: Using (Not Abusing) YQL for Caching, Filtering and Collating Data — Christian Heilmann describes how to use YQL sensibly to create robust, innovative applications with immediate scalability.
- Eric Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 & YQL — In this session from YUIConf 2010, TipTheWeb cofounder and YUI contributor Eric Ferraiuolo discusses the creation of a project-scale codebase using YUI 3, YUI 3 Gallery, and YQL.
- Christian Heilmann: YQL and YUI: Building Blocks for Quick Applications — The Yahoo! Developer Network’s international evangelist Christian Heilmann discusses his philosophy for creating fast, powerful, compelling applications using the Yahoo Query Language (YQL) and the Yahoo User Interface Library (YUI). (Note: This talk is also available in German.)
About YUI Theater
YUI Theater was created by Eric Miraglia (@miraglia) in 2006 and has published more than 100 videos on subjects spanning the discipline of frontend engineering. All YUI Theater videos in 2010 were shot and edited by the Eric and fellow YUI engineer Allen Rabinovich (@allenr).
CC Images/Used by Kind Permission
My thanks to the many talented photographers who have lent their work for use in YUI Theater videos this year, including the ones whose work is featured in this article. In order of appearance:
- Douglas Crockford by Allen Rabinovich #1
- Douglas Crockford by Allen Rabinovich #2
- Douglas Crockford by Allen Rabinovich #3
- YUIConf 2010 Panel by Reid Burke
- Nate Koechley by David Calhoun
- Allen Rabinovich by David Calhoun
- Ryan Dahl by Reid Burke
- Ryan Dahl by David Calhoun
- Luke Smith by David Calhoun
- Satyen Desai by Reid Burke
- Ryan Grove by David Calhoun
- Ross Harmes by David Calhoun
- Anthony Pipkin by David Calhoun
- Pat Cavit by David Calhoun
- Caridy Patiño Mayea by David Calhoun
- Mark Kawakami by David Calhoun
- Reid Burke by Allen Rabinovich
- Victor Tsaran and Nicholas Zakas by Reid Burke
- Christian Heilmann by David Calhoun