OpenSocial & YAP Erik Eldridge Yahoo! Developer Network WeekendApps 2/22/09 Clarity: http://www.flickr.com/photos/clairity/1328402515/sizes/o/

Presentation outline OpenSocial YAP Dashboard YQL Resources

OpenSocial

YAP Dashboard

YQL

Resources

OpenSocial

Opensocial.org

Opensocial v 0.8

Whaddyathink? Orkut

Whaddyathink? MySpace

JavaScript & CSS: tips and tricks for Caja JavaScript tips Push as much as possible to backend For now, avoid JS libraries, e.g. jQuery, YUI, etc. Use server-side html generation Server-side SDKs > client-side JS Use JSLint & Caja Test Bed CSS tips Avoid star and underscore hacks Avoid self-clearing floats using :after

JavaScript tips

Push as much as possible to backend

For now, avoid JS libraries, e.g. jQuery, YUI, etc.

Use server-side html generation

Server-side SDKs > client-side JS

Use JSLint & Caja Test Bed

CSS tips

Avoid star and underscore hacks

Avoid self-clearing floats using :after

YAP Dweekly: http://www.flickr.com/photos/dweekly/2849075649/sizes/l/

Dweekly: http://www.flickr.com/photos/dweekly/2849075649/sizes/l/

YAP Dashboard https://developer.yahoo.com/dashboard/ Note: 4 app. Types Open (YAP) OAuth General Access BB Auth

https://developer.yahoo.com/dashboard/

Note: 4 app. Types

Open (YAP)

OAuth

General Access

BB Auth

OAuth apps Use if you want to handle user data off Yahoo! Requires root access on domain

Use if you want to handle user data off Yahoo!

Requires root access on domain

YAP apps Use if you want to handle user data on Yahoo!

Use if you want to handle user data on Yahoo!

YQL Image Editor: http://www.flickr.com/photos/11304375@N07/2844536237/sizes/l/in/photostream/

YQL Comparable to Y! Pipes Very flexible Can access the same data as the Y! PHP SDK

Comparable to Y! Pipes

Very flexible

Can access the same data as the Y! PHP SDK

Resources YOS docs: http://developer.yahoo.com Google IO vido on cross-container OpenSocial: http://sites.google.com/site/io/opensocial-across-containers

YOS docs:

http://developer.yahoo.com

Google IO vido on cross-container OpenSocial:

http://sites.google.com/site/io/opensocial-across-containers