Yahoo Developer Network overview

Yahoo! Developer Network

Terence Yim
Technical Yahoo! - Team Lead

2nd June 2008

Yahoo! Developer Network - YDN

Yahoo! Developer Network Asia Pacific Web Technology Conference 2008

Yahoo! Web Services


Application gallery
http://gallery.yahoo.com


There are so many APIs, now what?


Yahoo! Pipes
• Concepts from UNIX pipe operator “|”
– Any input, any processing, any output

• Infinite ways to combine and recombine data feeds
– Innovations without boundary

• Create and share your pipes
– RSS, Json, Serialize PHP, XML, Clone and edit

• Visual Pipes Editor
– No coding is needed for data manipulation

• Pipes Badge
– Simple and elegant integration

Yahoo! Pipes example


Some Yahoo! Pipes functions


Yahoo! Pipes example 2

Yahoo! HK news aggregator


Yahoo! Pipes example 2


Innovate with Pipes - Restrooms nearby
• Restaurants
• Gas stations
• Department
stores
• Bookstores


More Yahoo! Web Services


TagMaps World Explorer


Where to consume those Web


Yahoo! SearchMonkey


Yahoo! SearchMonkey
• Open Yahoo! Search Result Page to all developers

• Developers can program and enhance SERP
– Enhanced results, more related information
– Better user experiences, easier to locate matches
– Program with secure subset of PHP

• Site owner to provide structured data format
– Moving towards semantic web
• Microformats, RDF, XML, Custom data extraction (XPath)
– Easier to be found and referenced


Yahoo! SearchMonkey Builder


Yahoo! SearchMonkey Applications
• Two types of presentation application
– Enhanced results
• Over-written original result

– Infobar
• Drop down box for more information

• Both triggered by URL pattern matching

Yahoo! SearchMonkey Data Services
• Support five content delivery methods

– XML-Based Atom Feeds
• Feed through Yahoo! Site Explorer

– RDF markups
• Pickup by Search Crawler

– Microformats
• Pickup by Search Crawler

– OpenSearch
• Publish data to OpenSearch

– Custom Data Service
• Custom built, can be extracted from page contents

Yahoo! SearchMonkey provides a
good place for data consumption that
can benefits many users


The best is saved for last…


Yahoo! User Interface Library - YUI

The treasure in YDN


Why need a Library

• Development is about innovation and fun
– Without good library, you have to suffer
• Memory leaks
• Browsers’ “Standards”
• Different syntax

• Reuse good codes, keep innovating
– Don’t reinvent the wheel


Why the YUI Library?

• They are good libraries in the market
– YUI is just one of them

• Good libraries all want to make your life
easier

• But … YUI library has some benefits


YUI Library
• A development framework
– Javascript
– CSS
– Design Patterns
– Visual Widgets

• Well documented
– Full API documentation
– Over 275 examples
– 38 Cheat sheets

• BSD license
– Free to use


YUI Library - Connection Manager


YUI Library
Core
DOM Collection Event Utility

Utilities
Animation Cookie Connection Manager Datasource

Drag and Drop Element Get Utility History Manager ImageLoader

JSON Utility Resize Utility Selector Utility YUI Loader

Widgets
Auto-Complete Button Calendar Charts Color Picker

Container Data Table ImageCropper Layout Manager Menu

Rich Text Editor Slider Tab View Tree View Uploader

CSS tools
CSS reset CSS base CSS grids CSS fonts


YUI Library Cheat Sheets


YUI Library

• Developed, tested and used in Yahoo!
– One of the most visited network

• Industrial strength cross-browser library
– Hundreds of millions of Yahoo! users
– Billions of page views

• It is free!!


YUI Library Hosting

• Yahoo! also hosted the YUI Library
– Minified
– Gzipped
– Content delivery network (CDN)

• Save your own bandwidth

• Stable, well versioned and managed


It’s not the end yet…


More on YDN
• Exceptional Performance
– 14 rules for web performance tuning
– YSlow Firebug plugin
– Share knowledge on how Yahoo! tune our website

• YDN Theater
– Tech talks by industry experts

• YDN Blog
– Experts Tips, Latest activities


References
• Yahoo! Developer Network (YDN)
– http://developer.yahoo.com

• Yahoo! Pipes
– http://pipes.yahoo.com

• Search Monkey
– http://developer.search.yahoo.com

• YUI Library
– http://developer.yahoo.com/yui


Thank You


Yahoo Developer Network overview

Recommended

Recommended

More Related Content

Similar to Yahoo Developer Network overview

Similar to Yahoo Developer Network overview (20)

More from Christian Heilmann

More from Christian Heilmann (20)

Recently uploaded

Recently uploaded (20)

Yahoo Developer Network overview