Building your first web application using Yahoo! APIs
Download as PPT, PDF0 likes1,745 views
The document introduces various web development tools from Yahoo, including Pipes for building mashups, YQL for querying data, and BOSS for building custom search applications. It provides examples of using these tools, such as building a mashup to aggregate news about Lok Sabha elections with Pipes and making API calls with YQL and BOSS. The document also discusses the Yahoo UI library (YUI) for frontend development and design patterns for common problems.
![Harsha R Vashisht http://www.harsharv.com http://twitter.com/harsharv [email_address] [email_address]](https://image.slidesharecdn.com/msr-110318072841-phpapp02/85/Building-your-first-web-application-using-Yahoo-APIs-75-320.jpg)
More Related Content
Viewers also liked (14)
Similar to Building your first web application using Yahoo! APIs (20)
Building your first web application using Yahoo! APIs
- 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. Hi people
- 3. My name is Harsha R Vashisht
- 4. and I work for Yahoo!
- 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. This is going to be an interactive session, so dont stop yourself from asking questions.
- 7. What are we going to do today?
- 9. 皆鉛艶艶沿
- 10. Wake up for Pipes! Its Awesome
- 11. Check out YQL. Its awesome too
- 12. Oh! I forgot. All stuff that we are releasing these days are just awesome
- 13. BOSS (Baba )
- 14. Sleep, sleep and more sleep
- 15. YUI and other useful services
- 16. How will it help in my college projects?
- 17. The Yahoo Developer Network is the central source of everything Yahoo! does to make developers happy!
- 20. Computer industry is waiting for you guys to write another compiler
- 21. Of the top FIVE paying companies amongst all colleges under VTU, FOUR of them are web based
- 22. For developing a web app I need to know: PHP (Yeah!) / Python / Asp.Net / JSP / PERL HTML JavaScript CSS (helps to make your page look better)
- 23. Ok.. We know PHP.. And agree that it rocks!!!!
- 24. But for this session I need to know cURL. Its useful.
- 25. cURL client URL A cURL call helps me fetch a page given a URL
- 26. Now let us look at Pipes... http://pipes.yahoo.com
- 27. Pipes!!! Is this similar to Unix pipe operator?
- 28. Yes. A couple of people at Yahoo! thought that having a Unix like pipe for the web. It is kick ass!
- 29. Now. Let me build a sample mash up using pipes.
- 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!!!
- 33. Terminology Source : your data source, similar to油 cat 油or油 echo . Operator : anything that operates on data. Pipe : a pipe of data from an operator or source to an operator or destination, same as油 | . Output : the last element in your pipe, this returns data to the user.
- 34. Duck.. There will be code
- 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));
- 36. Now.. Wake up guys..
- 37. Its YQL time
- 38. YQL is Yahoo! Query Language
- 39. YQL is a SQL-style interface to all Yahoo data and the web!
- 40. It is like the bottle opener of the Web, a single interface for all the properties of Yahoo! which have exposed their APIs
- 41. The best part of YQL is the concept of open tables, in addition to the 50+ Yahoo tables
- 43. Lets look at YQL
- 44. BOSS Build your Own Search Service
- 45. Fourth highest number of search queries
- 46. First get an App Id
- 49. Then you take YUI CSS grids, and spend 30 minutes playing with colours and fonts.
- 50. And you have a product: http://keywordfinder.org
- 51. What else can I do?
- 52. Image Search Keywords Spelling suggestions Filters etc etc..
- 53. What is done with BOSS? http://isithackday.com/hacks/web-the-adventure/ http://ask-boss.appspot.com/ http://hakia.com/ http://www.oneriot.com/
- 54. Sample code
- 56. YUI
- 57. Lets take a walk... ...on the client side
- 58. The client side is where strange things happen.
- 59. Browsers render in fascinating and totally wrong ways.
- 60. YUI is a framework to build working web applications.
- 61. It includes CSS solutions to create layouts that work across browsers and allow for predictable typography.
- 62. And it takes the pain out of writing JavaScript.
- 63. Last but very much not least it allows you to create applications using tested and working widgets that extend what HTML gives us.
- 64. Interface Widgets AutoComplete DataTable Button Layout Calendar Menu Rich Text Charts TabView Container
- 67. What else does Yahoo! provide?
- 68. Design Patterns
- 69. Patterns are optimal solutions to common problems.
- 71. Flickr
- 73. End Every business in the world is just another
- 74. Thanks
- 75. Harsha R Vashisht http://www.harsharv.com http://twitter.com/harsharv [email_address] [email_address]