The New Yahoo! Homepage and YUI 3

  • 12,678 views
Uploaded on

A brief talk given at the San Francisco JavaScript Meetup about why the new Yahoo! homepage decided to use YUI 3 instead of YUI 2.

A brief talk given at the San Francisco JavaScript Meetup about why the new Yahoo! homepage decided to use YUI 3 instead of YUI 2.

More in: Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
12,678
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
133
Comments
0
Likes
9

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Over the past couple of years, we've seen JavaScript development earn recognition as a true discipline. The idea that you should architect your code, use patterns and good programming practices has really elevated the role of the front end engineer. In my opinion, part of this elevation has been the adoption of what has traditionally been considered back end methodologies. We now focus on performance and algorithms, there's unit testing for JavaScript, and so much more. One of the areas that I've seen a much slower than adoption that I'd like is in the area of error handling. How many people have an error handling strategy for their backend? How many have dashboards that display problems with uptime and performance? How many have anything similar for the front end? Typically, the front end has been this black hole of information. You may get a few customer reports here and there, but you have no information about what's going on, how often it's occurring, or how many people have been affected.

Transcript

  • 1. The New Yahoo! Homepage and YUI 3.0 Nicholas C. Zakas Principal Front End Engineer, Yahoo!
  • 2. 1996
  • 3. 1997
  • 4. 1999
  • 5. 2002
  • 6. 2004
  • 7. 2006 YUI 2
  • 8. Homepage Stats
    • 300 million unique users worldwide per month
    • 100 million unique users in the United States per month
  • 9. 2008 YUI 3
  • 10. Goals
    • Eliminate global dependencies
    • Make it small, make it fast
    • Create version independence
    • Allow code portability
  • 11. Eliminate Global Dependencies
    • YAHOO
    • YAHOO.util
    • YAHOO.util.Dom
    • YAHOO.util.Event
    • YAHOO.My
    • YAHOO.My.Namespace
    Dependencies:
  • 12. Eliminate Global Dependencies
  • 13. Make It Small, Make It Fast
    • YUI 2.6.0
    • dragdrop.js (24 KB)
    • YUI 3.0 PR1
      • dd-ddm-base.js (2 KB)
      • dd-ddm.js (1 KB)
      • dd-ddm-Drop.js (3 KB)
      • dd-drag.js (7 KB)
      • dd-drop.js (4 KB)
      • dd-proxy.js (2 KB)
      • dd-constrain.js (3 KB)
      • dd-plugin.js (0.2 KB)
      • dd-drop-plugin.js (0.2 KB)
  • 14. Make It Small, Make It Fast
  • 15. Create Version Independence
  • 16. Allow Code Portability
  • 17. Be Forward Compatible
  • 18. 3 > 2
  • 19.  
  • 20. Etcetera
    • My blog: www.nczonline.net
    • My email: [email_address]
    • Twitter: @slicknet
    • YUI 3: http://developer.yahoo.com/yui/3/