The New Yahoo! Homepage and YUI 3

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

2 comments

Comments 1 - 2 of 2 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

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.

5 Favorites

The New Yahoo! Homepage and YUI 3 - Presentation 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/

+ Nicholas ZakasNicholas Zakas, 9 months ago

custom

2604 views, 5 favs, 2 embeds more stats

A brief talk given at the San Francisco JavaScript more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 2604
    • 2601 on SlideShare
    • 3 from embeds
  • Comments 2
  • Favorites 5
  • Downloads 76
Most viewed embeds
  • 2 views on http://www.brijj.com
  • 1 views on http://www.slideshare.net

more

All embeds
  • 2 views on http://www.brijj.com
  • 1 views on http://www.slideshare.net

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories