Your SlideShare is downloading. ×
Building your first web application using Yahoo! APIs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Building your first web application using Yahoo! APIs

2,495
views

Published on

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

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,495
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 don’t stop yourself from asking questions.
  • 7. What are we going to do today?
  • 8. Basic Web development
  • 9. Sleep…
  • 10. Wake up for Pipes! Its Awesome
  • 11. Check out YQL. It’s 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!
  • 18. http://developer.yahoo.com/
  • 19. Web - development
  • 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. It’s 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
  • 42. http://developer.yahoo.com/yql/console http://developer.yahoo.com/yql/guide
  • 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
  • 47. http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&appid=...
  • 48. http://boss.yahooapis.com/ysearch/web/v1/ katrina?format=xml&view=keyterms&appid=...
  • 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
  • 55. http://paul.slowgeek.com/hacku/
  • 56. YUI
  • 57. Let’s 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
  • 65. http://developer.yahoo.com/yui/grids/builder/
  • 66. http://isithackday.com/hacks/delhi/
  • 67. What else does Yahoo! provide?
  • 68. Design Patterns
  • 69. Patterns are optimal solutions to common problems.
  • 70. http://developer.yahoo.com/ypatterns/
  • 71. Flickr
  • 72. http://developer.yahoo.com/everything.html
  • 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]