CSC 343: The Week beginning Apr. 6

• Homework:
  
  HTML Make a page with some of the new HTML5 input types and as seen in HTML Web Forms Part 2: HTML5 Input Types for e-mail, url, number, and range
  
  CSS Make a page like that seen in Collapsing Header Tutorial | HTML & CSS
  
  JavaScript Make a page with with an animated jQuery dialog jQuery user interface: dialog
  
  Due: Apr. 14
  
  
• Tuesday:
  
  YQL_XKCD.ppt
  
  YQL_XKCD.html
  
  http://www.programmableweb.com/apis/directory
  
  Lab YQL Console Find a site that has some data. Query that site using YQL. Use the JSON output. Give me instructions for drilling down to a specific attribute-value pair within the information. Place some screen captures of your work in a Word document and send it.
  
  Lab YQL Nobel Prize
  
  
  
  
  • Make a page that allows the user to choose a year from a number type input with a range from 1901 to 2014.
  • Also allow the user to use a drop-down select to choose a category for a Nobel Prize (physics, chemistry, medicine, peace, literature, economics).
  • When the user clicks the search button use YQL to query the Nobel Prize website.
    http://www.nobelprize.org/nobel_organizations/nobelmedia/nobelprize_org/developer/
    http://www.nobelprize.org/nobel_organizations/nobelmedia/nobelprize_org/developer/api-example.html
  • Parse the resulting JSON and display the results of the laureates who won the prizes. (Note prizes is an array and laureates is an array.)
  • Clear out the results if the user changes the year. (I ended up using both thw change and keydown events.)
  • Clear out the results if the user changes the category.
  
  
  Due: Apr. 14