Web services and JavaScript

5,638 views

Published on

My presentation at the Ajax Experience in Boston about JavaScript in different environments than browsers.

Published in: Technology
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total views
5,638
On SlideShare
0
From Embeds
0
Number of Embeds
167
Actions
Shares
0
Downloads
72
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Web services and JavaScript

  1. 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. 2. I am Chris. Developer Evangelist
  3. 3. Evolving the web.
  4. 4. The web of data.
  5. 5. CMS
  6. 6. CMS Tags, Comments, Connections, Embeds
  7. 7. Access issues.
  8. 8. Trust issues.
  9. 9. Client issues.
  10. 10. Liberating thoughts.
  11. 11. Photo of Scott Schiller
  12. 12. http://www.schillmania.com/projects/soundmanager2/
  13. 13. http://dt.in.th/2008–05–18.javascript-karaoke-lyric-scroller.html
  14. 14. http://www.schillmania.com/content/demos/yui-sm2/noisy-events/
  15. 15. New environments.
  16. 16. Widgets.
  17. 17. W3C Widgets http://www.quirksmode.org/blog/ http://www.w3.org/TR/widgets/ archives/2009/04/introduction_to.html
  18. 18. Air
  19. 19. Browser Extensions
  20. 20. Easing access.
  21. 21. The Yahoo Query Language, or short YQL is a unified interface language to the web. http://developer.yahoo.com/yql/
  22. 22. select {what} from {source} where {conditions} | {filters}
  23. 23. http://query.yahooapis.com/ v1/public/yql?q={query} &format={format}
  24. 24. For example: select * from geo.places where text='london,uk'
  25. 25. Get only the where on earth ID select woeid from geo.places where text='london,uk'
  26. 26. Then mix: select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4
  27. 27. Then mix: select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='london,uk') and license=4
  28. 28. 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)
  29. 29. Then display them using frameworks... http://isithackday.com/hacks/cantine/ index.php?loc=covent+garden http://isithackday.com/hacks/cantine/
  30. 30. Or with a few lines of code... http://isithackday.com/hacks/cantine/ index.php?loc=covent+garden http://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html
  31. 31. Learn YQL by doing http://developer.yahoo.com/yql/console/
  32. 32. Is this Yahoo only?
  33. 33. Any data will do... atom csv feed select * from html json microformats rss xml
  34. 34. Any data will do... http://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html
  35. 35. http://isithackday.com/hacks/scraping-with-yql/
  36. 36. http://github.com/spullara/yql-tables/tree/master
  37. 37. I won the competition last week (Netbook + Mobile)
  38. 38. How did I do it?
  39. 39. Rockstar?
  40. 40. Lazy!
  41. 41. http://code.google.com/apis/ajaxlanguage/documentation/
  42. 42. http://github.com/codepo8/MultiTweet/tree/master
  43. 43. http://github.com/codepo8/MultiTweet/tree/master http://www.betavine.net/bvportal/resources/widgets/research
  44. 44. Bring on your data... http://developer.yahoo.com/yql/guide/yql-opentables-chapter.html
  45. 45. 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
  46. 46. 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
  47. 47. Netflix oAuth example. http://github.com/spullara/yql-tables/blob/ b634ac2bd42f9b5c77564cdb0d25613c84bb320a/netflix/netflix.catalog.xml
  48. 48. Now go and play!
  49. 49. October 9 & 10 - NYC http://icanhaz.com/yahoohacknyc
  50. 50. 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
  51. 51.  Chris5an Heilmann  h7p://wait‐5ll‐i.com  Thanks!  h7p://developer‐evangelism.com  h7p://twi7er.com/codepo8   

×