CSC 343: The Week beginning Apr. 3

• Homework:
  
  HTML Make a page with a table with eleven rows and three columns. The first row is for headers. In the remaining ten rows place ten HTML entities of your choosing. In the first column use the decimal number version of the entity (e.g. &#8709). In the second column use the hexadecimal version of the entity (e.g. &#x02205). In the third column use the name of the entity (e.g. ∅) (http://dev.w3.org/html5/html-author/charref)
  
  CSS Obtain a font (for example from http://www.1001freefonts.com/) and use @font-face to use it on a page. (http://www.w3schools.com/css/css3_fonts.asp)
  
  Also apply the rotate transform https://www.w3schools.com/css/css3_2dtransforms.asp to something on your page.
  
  JavaScript Make the page using "Local Storage" seen in HTML5 Local Storage Tutorial | Cookies Replacement
  
  When will Test 2 Be?!?!
  
  Due: Apr. 10
  
  
• Monday:
  
  SameDifference.htm. Uses angular.js
  
  WithinAngularExpressions.htm.
  
  YQL_XKCD.ppt
  
  YQL_XKCD.html
  
  
• Wednesday:
  
  When will Test 2 Be?!?!
  
  Lab: Angular Weekly Salary Calculator
  
  Using the Angular examples GuessRomanNumeral and MadLib, create a simple Weekly Salary Calculator Page. It should take in the amount of hours worked (number input) and the hourly wage (number input) and calculate the weekly salary when a button is clicked. If the user worked more than 40 hours, then he/she makes the regular wage for the first 40 hours and 1.5 * wage for each hour exceeding 40. e.g. 50 hours at $10.00 hour gives $550.00 (40*10.00 + (50-40)*1.5*10.00).
  
  It should use the angular library. It should follow the Model-View-Control approach (seen in GuessRomanNumeral). In other words the "business" logic (the calculation) should be in a different file from HTML page seen by the user.
  
  Due: Apr. 12
  
  
• Friday:
  
  Test 2 will come in two parts:
  Part 1 will be on Wednesday, April 12. It will cover material before Spring Break but not on the first test (e.g. SVG, split, etc.)
  Part 2 will be on Wednesday, April 19. It will cover material after Spring Break but not include any Angular (e.g. jQuery's grep, DataTable's [ including fixing sorts], etc.)
  
  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
    
    Putting in a URL like http://api.nobelprize.org/v1/prize.json?category=physics&year=2000 yields JSON output like that below:
    
    
    
    
  • 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 the change and keydown events.)
  • Clear out the results if the user changes the category.
  
  
  Due: Apr. 21