CSC 343: The Week beginning Apr. 15

• Homework:
  
  Look at the following examples and make your own page (with different content) with the feature demonstrated.
  
  How TO - Flip Card
  How TO - Create a Draggable HTML Element
  How TO - Range Sliders
  How TO - Image Zoom
  
  Due: April 24
  
  
• Monday:
  
  I am going to use two days in the last week of class (Apr. 29 - May 3) for our third test. And the final project will be due Friday, May 10.
  
  Dog/Dog_Vue_JSON_s19.htm uses Dog/DogData.json
  
  Vue Coen Brothers Movie Lab
  Use Vue and the files in coen.zip to make a page like that above. Read the data from the JSON file. (Note the use of v-if to ensure the data has been read before trying to display it on the page.) Use a grid layout to display the information. Have the movie titles in a drop-down select. When the user selects a movie: Display the year, runtime and stars; display the movie poster; and display the youtube clip in an iframe.
  
  Due: April 24
  
  
• Wednesday:
  
  Dice/RollingDice_s19.html, timer demo, uses Dice.zip
  
  Lottery Timer Lab
  
  Due: April 24
  
  
• Friday:
  
  Easter Break