0
Building your first Web App -  An introduction into the world of Ethical Hacking “Not just another boring talk” Harsha R V...
Hi people
My name is  Harsha R Vashisht
and I work for Yahoo!
I am a Developer Evangelist and I am going to talk about how you can build web applications with the help of Yahoo!
This is going to be an interactive session, so don’t stop yourself from asking questions.
What are we going to do today?
Basic Web development
Sleep…
Wake up for Pipes! Its Awesome
Check out YQL. It’s awesome too
Oh! I forgot. All stuff that we are releasing these days are just awesome
BOSS (Baba   )
Sleep, sleep and more sleep
YUI and other useful services
How will it help in my college projects?
The Yahoo Developer Network is the central source of everything Yahoo! does to make developers happy!
http://developer.yahoo.com/
Web - development
Computer industry is waiting for you guys to write another compiler  
Of the top FIVE paying companies amongst all colleges under VTU, FOUR of them are web based
For developing a web app I need to know: <ul><li>PHP (Yeah!) / Python / Asp.Net / JSP / PERL </li></ul><ul><li>HTML </li><...
Ok.. We know PHP..  And agree that it rocks!!!!
But for this session I need to know cURL. It’s useful.
cURL – client URL  A cURL call helps me fetch a page given a URL
Now let us look at Pipes...   http://pipes.yahoo.com
Pipes!!! – Is this similar to Unix pipe operator?
Yes. A couple of people at Yahoo! thought that having a Unix like  pipe  for the web. It is kick ass!
Now. Let me build a sample  mash up using pipes.
It is the Lok Sabha elections time. Lets aggregate news about it
 
Lok Sabha Elections!!!!!! Looks like our friend has bought the keyword “Lok Sabha Elections” every where.  Literally!!!
Terminology <ul><li>Source : your data source, similar to  cat  or  echo . </li></ul><ul><li>Operator : anything that oper...
Duck.. There will be code
I can fetch it using.. $url = 'http://pipes.yahoo.com/pipes/pipe.run?_’. ’id=ZBGw3O4L3hG8R_C5AFYZ7A&_render=php';  functio...
Now.. Wake up guys..
Its YQL time
YQL is Yahoo! Query Language
YQL is a SQL-style interface to all Yahoo data – and the web!
It is like the bottle opener of the Web, a single interface for all the properties of Yahoo! which have exposed their APIs
The best part of YQL is the concept of open tables, in addition to the 50+ Yahoo tables
http://developer.yahoo.com/yql/console  http://developer.yahoo.com/yql/guide
Lets look at YQL
BOSS – Build your Own Search Service
Fourth highest number of search queries
First get an App Id
http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&appid=...
http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&view=keyterms&appid=...
Then you take YUI CSS grids,  and spend 30 minutes playing with colours and fonts.
And you have a product: http://keywordfinder.org
What else can I do?
Image Search Keywords Spelling suggestions Filters etc etc..
What is done with BOSS? <ul><li>http://isithackday.com/hacks/web-the-adventure/ </li></ul><ul><li>http://ask-boss.appspot....
Sample code
http://paul.slowgeek.com/hacku/
YUI
Let’s take a walk... ...on the client side
The client side is where strange things happen.
Browsers render in fascinating and totally wrong ways.
YUI is a framework to build working web applications.
It includes CSS solutions to create layouts that work across browsers and allow for predictable typography.
And it takes the pain out of writing JavaScript.
Last but very much not least it allows you to create applications using tested and working widgets that extend what HTML g...
Interface Widgets  AutoComplete  DataTable  Button  Layout  Calendar  Menu  Rich Text Charts  TabView  Container
http://developer.yahoo.com/yui/grids/builder/
http://isithackday.com/hacks/delhi/
What else does Yahoo! provide?
Design Patterns
Patterns are optimal solutions to common problems.
http://developer.yahoo.com/ypatterns/
Flickr
http://developer.yahoo.com/everything.html
End Every business in the world is just another
Thanks
Harsha R Vashisht http://www.harsharv.com http://twitter.com/harsharv [email_address] [email_address]
Upcoming SlideShare
Loading in...5
×

Building your first web application using Yahoo! APIs

2,540

Published on

This was a presentation I gave in MSRIT a few years ago..

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,540
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Building your first web application using Yahoo! APIs"

  1. 1. Building your first Web App - An introduction into the world of Ethical Hacking “Not just another boring talk” Harsha R Vashisht http://www.harsharv.com
  2. 2. Hi people
  3. 3. My name is Harsha R Vashisht
  4. 4. and I work for Yahoo!
  5. 5. I am a Developer Evangelist and I am going to talk about how you can build web applications with the help of Yahoo!
  6. 6. This is going to be an interactive session, so don’t stop yourself from asking questions.
  7. 7. What are we going to do today?
  8. 8. Basic Web development
  9. 9. Sleep…
  10. 10. Wake up for Pipes! Its Awesome
  11. 11. Check out YQL. It’s awesome too
  12. 12. Oh! I forgot. All stuff that we are releasing these days are just awesome
  13. 13. BOSS (Baba  )
  14. 14. Sleep, sleep and more sleep
  15. 15. YUI and other useful services
  16. 16. How will it help in my college projects?
  17. 17. The Yahoo Developer Network is the central source of everything Yahoo! does to make developers happy!
  18. 18. http://developer.yahoo.com/
  19. 19. Web - development
  20. 20. Computer industry is waiting for you guys to write another compiler 
  21. 21. Of the top FIVE paying companies amongst all colleges under VTU, FOUR of them are web based
  22. 22. For developing a web app I need to know: <ul><li>PHP (Yeah!) / Python / Asp.Net / JSP / PERL </li></ul><ul><li>HTML </li></ul><ul><li>JavaScript </li></ul><ul><li>CSS (helps to make your page look better) </li></ul>
  23. 23. Ok.. We know PHP.. And agree that it rocks!!!!
  24. 24. But for this session I need to know cURL. It’s useful.
  25. 25. cURL – client URL A cURL call helps me fetch a page given a URL
  26. 26. Now let us look at Pipes... http://pipes.yahoo.com
  27. 27. Pipes!!! – Is this similar to Unix pipe operator?
  28. 28. Yes. A couple of people at Yahoo! thought that having a Unix like pipe for the web. It is kick ass!
  29. 29. Now. Let me build a sample mash up using pipes.
  30. 30. It is the Lok Sabha elections time. Lets aggregate news about it
  31. 32. Lok Sabha Elections!!!!!! Looks like our friend has bought the keyword “Lok Sabha Elections” every where. Literally!!!
  32. 33. Terminology <ul><li>Source : your data source, similar to  cat  or  echo . </li></ul><ul><li>Operator : anything that operates on data. </li></ul><ul><li>Pipe : a pipe of data from an operator or source to an operator or destination, same as  | . </li></ul><ul><li>Output : the last element in your pipe, this returns data to the user. </li></ul>
  33. 34. Duck.. There will be code
  34. 35. I can fetch it using.. $url = 'http://pipes.yahoo.com/pipes/pipe.run?_’. ’id=ZBGw3O4L3hG8R_C5AFYZ7A&_render=php'; function fetchURL($url) { $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url ); curl_setopt($ch, CURLOPT_POST, 0 ); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); return curl_exec($ch); } $data = unserialize(fetchURL($url));
  35. 36. Now.. Wake up guys..
  36. 37. Its YQL time
  37. 38. YQL is Yahoo! Query Language
  38. 39. YQL is a SQL-style interface to all Yahoo data – and the web!
  39. 40. It is like the bottle opener of the Web, a single interface for all the properties of Yahoo! which have exposed their APIs
  40. 41. The best part of YQL is the concept of open tables, in addition to the 50+ Yahoo tables
  41. 42. http://developer.yahoo.com/yql/console http://developer.yahoo.com/yql/guide
  42. 43. Lets look at YQL
  43. 44. BOSS – Build your Own Search Service
  44. 45. Fourth highest number of search queries
  45. 46. First get an App Id
  46. 47. http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&appid=...
  47. 48. http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&view=keyterms&appid=...
  48. 49. Then you take YUI CSS grids, and spend 30 minutes playing with colours and fonts.
  49. 50. And you have a product: http://keywordfinder.org
  50. 51. What else can I do?
  51. 52. Image Search Keywords Spelling suggestions Filters etc etc..
  52. 53. What is done with BOSS? <ul><li>http://isithackday.com/hacks/web-the-adventure/ </li></ul><ul><li>http://ask-boss.appspot.com/ </li></ul><ul><li>http://hakia.com/ </li></ul><ul><li>http://www.oneriot.com/ </li></ul>
  53. 54. Sample code
  54. 55. http://paul.slowgeek.com/hacku/
  55. 56. YUI
  56. 57. Let’s take a walk... ...on the client side
  57. 58. The client side is where strange things happen.
  58. 59. Browsers render in fascinating and totally wrong ways.
  59. 60. YUI is a framework to build working web applications.
  60. 61. It includes CSS solutions to create layouts that work across browsers and allow for predictable typography.
  61. 62. And it takes the pain out of writing JavaScript.
  62. 63. Last but very much not least it allows you to create applications using tested and working widgets that extend what HTML gives us.
  63. 64. Interface Widgets AutoComplete DataTable Button Layout Calendar Menu Rich Text Charts TabView Container
  64. 65. http://developer.yahoo.com/yui/grids/builder/
  65. 66. http://isithackday.com/hacks/delhi/
  66. 67. What else does Yahoo! provide?
  67. 68. Design Patterns
  68. 69. Patterns are optimal solutions to common problems.
  69. 70. http://developer.yahoo.com/ypatterns/
  70. 71. Flickr
  71. 72. http://developer.yahoo.com/everything.html
  72. 73. End Every business in the world is just another
  73. 74. Thanks
  74. 75. Harsha R Vashisht http://www.harsharv.com http://twitter.com/harsharv [email_address] [email_address]
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×