Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Services and
   JavaScript


Using and Offering Data on the Web for All of Us



     Christian Heilmann – Ajax Experi...
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/
          ...
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
l...
Then mix:

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

select * from flickr.photos.info
where photo_id in (select id from
flickr.photos.search where woe...
Then display them using frameworks...




   http://isithackday.com/hacks/cantine/
        index.php?loc=covent+garden



...
Or with a few lines of code...




   http://isithackday.com/hacks/cantine/
        index.php?loc=covent+garden




    ht...
Learn YQL by doing




http://developer.yahoo.com/yql/console/
Is this Yahoo only?
Any data will do...
                atom
                csv
                feed
select * from   html
                jso...
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 ...
And free your JavaScript!
                                    ★   Full REST support
                                    ★ ...
Netflix oAuth example.




http://github.com/spullara/yql-tables/blob/
b634ac2bd42f9b5c77564cdb0d25613c84bb320a/netflix/ne...
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/214036...
 Chris5an Heilmann
 h7p://wait‐5ll‐i.com 
                                  Thanks!
 h7p://developer‐evangelism.com
 h7p:/...
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Web services and JavaScript
Upcoming SlideShare
Loading in …5
×

Web services and JavaScript

5,709 views

Published on

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

Published in: Technology

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   

×