Web Services and
JavaScript
Using and Offering Data on the Web for All of Us
Christian Heilmann – Ajax Experience, Boston, MA, USA – September 2009

I am Chris.
Developer Evangelist

Evolving the web.

The web of data.

CMS

CMS
Tags, Comments, Connections, Embeds

Access issues.

Trust issues.

Client issues.

Liberating thoughts.

Photo of Scott Schiller

http://www.schillmania.com/projects/soundmanager2/

http://dt.in.th/2008–05–18.javascript-karaoke-lyric-scroller.html

http://www.schillmania.com/content/demos/yui-sm2/noisy-events/

New environments.

Widgets.

W3C Widgets
http://www.quirksmode.org/blog/
http://www.w3.org/TR/widgets/
archives/2009/04/introduction_to.html

Air

Browser Extensions

Easing
access.

The Yahoo Query Language, or short
YQL is a unified interface language
to the web.
http://developer.yahoo.com/yql/

select {what} from {source} where
{conditions} | {filters}

http://query.yahooapis.com/
v1/public/yql?q={query}
&format={format}

For example:
select * from geo.places where
text='london,uk'

Get only the where on earth ID
select woeid from geo.places
where text='london,uk'

Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

Then mix:
select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4

And get all the info...
select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe_id
in (select woeid from geo.places
where text='london,uk') and
license=4)

Then display them using frameworks...
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/cantine/

Or with a few lines of code...
http://isithackday.com/hacks/cantine/
index.php?loc=covent+garden
http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html

Learn YQL by doing
http://developer.yahoo.com/yql/console/

Is this Yahoo only?

Any data will do...
atom
csv
feed
select * from html
json
microformats
rss
xml

Any data will do...
http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html

http://isithackday.com/hacks/scraping-with-yql/

http://github.com/spullara/yql-tables/tree/master

I won the competition last
week (Netbook + Mobile)

How did I do it?

Rockstar?

Lazy!

http://code.google.com/apis/ajaxlanguage/documentation/

http://github.com/codepo8/MultiTweet/tree/master

http://github.com/codepo8/MultiTweet/tree/master
http://www.betavine.net/bvportal/resources/widgets/research

Bring on your data...
http://developer.yahoo.com/yql/guide/yql-opentables-chapter.html

INSERT INTO bitly.shorten (login, apiKey, longUrl) VALUES ('USERNAME', 'API_KEY',
'http://yahoo.com')
Read or write...
http://developer.yahoo.com/yql/guide/yql-iud-statements.html

And free your JavaScript!
★ Full REST support
★ oAuth
★ E4X
★ xpath
★ json+xml
★ crypto
★ include() and
use()
http://developer.yahoo.com/yql/guide/yql-execute-chapter.html

Netflix oAuth example.
http://github.com/spullara/yql-tables/blob/
b634ac2bd42f9b5c77564cdb0d25613c84bb320a/netflix/netflix.catalog.xml

Now go and play!

October 9 & 10 - NYC
http://icanhaz.com/yahoohacknyc

Thanks for the photos!
http://www.flickr.com/photos/careytilden/115435226//
http://www.flickr.com/photos/lumachrome/2140368742/
http://www.flickr.com/photos/clevercupcakes/2384420607/
http://www.flickr.com/photos/yodelanecdotal/1253196352/
http://www.flickr.com/photos/seven13avenue/2080281038/
http://www.flickr.com/photos/tudor/2981410947/
http://www.flickr.com/photos/clspeace/162336973
http://b3ta.com
http://failblog.net
http://icanhascheezburger.com
http://theinternets

Chris5an Heilmann
h7p://wait‐5ll‐i.com
Thanks!
h7p://developer‐evangelism.com
h7p://twi7er.com/codepo8