CSD 340: The Week beginning Feb. 13

• Homework:
  
  No homework. Study for next week's test.
  
  The test will be like a lab in that you will be provided an explanation of what the page should do, and then asked to provide the code (HTML, CSS (minimal) and JavaScript/jQuery) to accomplish the task. The test may be only part of the class time next week.
  
  
• Materials:
  
  
  • Valentine's Day Special Use HTML5's canvas tag -- may not work in older browsers
  • Muybridge Movie Change source attribute of image tag using timer
  • Roll Dice Use two types of timer: SetInterval (repeating) and SetTimeOut (once and done)
  • Snake Eyes Simulation Simulates rolling two dice until snakes eyes (2 1's) is rolled. Adds number of rolls to list. Uses a while loop.
  • More Snake Eyes Adds the ability to calculate the average of the numbers produced in the list. Uses jQuery's each
  • Still even more Snake Eyes User enters a sample size of how many times to run the simulation. Uses nested loops -- a while inside a for
  • Three pieces inspired by Victor Vasarely -- they use HTML5's canvas, jQuery and Processing
    • TUZ
    • CTA
    • Capella
  • Slider Demo
  
  
  
• Lab:
  
  As a class. We will make a page inspired by the work of Jiri Kolar. (KolarFiles.zip)
  
  On your own. Design a page that compares two employees' salaries. The first makes $100.00 a day. The second's salary starts at one cent and doubles every day (0.01, 0.02, 0.04, ...). Make a comparison of their cumulative salaries for each day. These should be displayed dynamically in two side-by-side ordered lists (you can place each list in a table with one row and two cells -- one list per cell). Your program should stop when the second employee's cumulative salary exceeds the first's.