Yahoo HackU - University of Dundee - Haggis Hacking

1,752 views

Published on

This presentation for the University of Dundee, Scotland shows how Yahoo! technology can make their hack projects easier to build and more fun. It walks through a fictitious Haggis Builder hack with YUI CSS, JS, and YQL.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,752
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • This presentation is for the Dundee Hackers, 2-2012\n
  • \n
  • These resources will save you a lot of time.\nDeveloper.Yahoo.com is where you’ll find documentation on Yahoo data APIs, code libraries, and best practices\nYUILibrary.com hosts the YUI CSS and Javascript documentation.\n
  • \n
  • YUI3 CSS library provides a solid, flexible foundation\nhttp://yuilibrary.com/yui/css/\n
  • http://yuilibrary.com/yui/docs/cssgrids/\nYUI CSS library handles the boring, cross-browser stuff and lets you concentrate on the good stuff.\nFluid or static width grids. very easy and intuitive.\ncombine with base, fonts, and reset in one CSS file. http://yuilibrary.com/yui/css/\n
  • Now that we have our page layout. we need some data. \nlet’s create a recipe builder with YUI and YQL\n\n
  • \n
  • Yahoo Query Language allows you to request, create, and manipulate any internet accessible data. \nThe SQL like language and custom tables abstracts the APIs so you don’t have to learn the details of each API. This makes it quicker and easier to create mashups.\n
  • This YQL statement makes 3 different requests in parallel and combines them into a single xml or json. \nYQL lets you\n
  • http://new.yuilibrary.com/yui/docs/node/node-insert.html\nhttp://new.yuilibrary.com/yui/docs/event/\n
  • YUI Autocomplete includes built-in accessibility. \nGet data from a variety of sources including YQL query\nhttp://new.yuilibrary.com/yui/docs/autocomplete/\n\n
  • YUI 3 charts and Datasource makes interactive charts a piece of pudding.\nYou can even make a chart directly from a data table on the page.\nhttp://new.yuilibrary.com/yui/docs/datasource/\nhttp://new.yuilibrary.com/yui/docs/charts/\n
  • Find more YUI modules in the YUI Gallery.\nYou can contribute to the gallery\nPopular modules include accordion, carousel, lazy load images, and much more.\nMany modules are created by Yahoo engineers for production sites, scaling and quality tested.\n
  • Contribute back to the YUI and YQL community\nCreate YUI modules and add them to the gallery\nCreate YQL tables and add them to the community tables via GitHub\n
  • \n
  • Yahoo HackU - University of Dundee - Haggis Hacking

    1. 1. HaggisHackingwithYahoo Developer NetworkTed DRAKEYahoo! Inclusive Design@ted_drake Walking Haggis by spodzone
    2. 2. Hacking Basics• Unique problems and solutions• Don’t re-invent the wheel• Use libraries• Learn something new
    3. 3. Yahoo Developer Network• Developer.Yahoo.Com• YUILibrary.Com• Pipes.Yahoo.Com• Code.Flickr.Com• Accessibility.Yahoo.Com
    4. 4. Let’s MakeSome Haggis Cooked Haggis by Great British Chefs
    5. 5. Step 1.The Container Stuffing the Stomach by easteighth
    6. 6. Step 2.AddStuff Guts by Spec-ta-cles
    7. 7. Y.Q.L.YahooQueryLanguage
    8. 8. 3 Queries in 1select * from yql.query.multi where queries= select * from nutritionals where name="liver"; select * from flickr.photos.search where text="liver" and api_key="your-api-key" ; select * from answers.search where query="liver" and category_id="396545367"Try it in YQL: http://y.ahoo.it/FnP8R
    9. 9. YUI3 Node & Event
    10. 10. YUI Gallery Canned Haggis by are you gonna eat that
    11. 11. Your Turn Och, aye! The Haggis of Paris by sansplans
    12. 12. Yahoo! Resources• Developer.Yahoo.com• Developer.Yahoo.com/YQL• WebPlayer.Yahoo.com• YUILibrary.com• YUILibrary.com/theater• Code.Flickr.com• Pipes.Yahoo.com• Accessibility.Yahoo.com

    ×