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

2. I am Chris.
Developer Evangelist

3. Evolving the web.

9. The web of data.

10. CMS

11. CMS
Tags, Comments, Connections, Embeds

12. Access issues.

13. Trust issues.

14. Client issues.

15. Liberating thoughts.

16. Photo of Scott Schiller

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

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

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

20. New environments.

21. Widgets.

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

23. Air

24. Browser Extensions

25. Easing
access.

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

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

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

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

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

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

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

35. 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)

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

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

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

50. Is this Yahoo only?

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

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

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

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

59. I won the competition last
week (Netbook + Mobile)

60. How did I do it?

61. Rockstar?

62. Lazy!

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

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

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

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

69. 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

70. 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

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

72. Now go and play!

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

74. 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

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