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

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

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

32. Lok Sabha Elections!!!!!! Looks like our friend has bought the keyword “Lok Sabha Elections” every where. Literally!!!

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..

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]