CSC 343: The Week beginning Sept. 17

• Homework:
  
  Part 1. HTML. Make a page that uses
  1. <figure>
  2. <figcaption>
  3. <footer>
  4. <header>
  5. <i>
  6. <iframe>
  7. <kbd>
  8. <main>
  9. <map>
  10. <mark>
  See http://www.w3schools.com/tags/ for explanation and examples of how to use these HTML tags.
  
  
  
  Part 2. CSS. Make a page that uses
  1. an imported font as in the video How to Import New Fonts
  2. a menu as in the video How to Create a Menu in HTML
  
  
  Due: Sept. 26
  
  
• Wednesday:
  
  Revisiting last week's Horror Movie example but moving the data to an external file and using fetch to read it.
  OhTheHorror/HorrorClass_fetchFromFile_f18.html OhTheHorror/Horror.txt OhTheHorror/HorrorMovieClass.js
  
  Horror_newLineDelimited.zip (slight change from above -- data file replaced # delimiter with new-line delimiter)
  
  Read local JSON file Dog/Dog_fetchJSON_f18.html uses Dog/DogData.json (Dog_fetchJSON_f18.zip includes image files.)
  
  Change in JSON data file -- first thing encountered here is the array (no "outer" object) Dog/Dog_fetchJSON_2_f18.html reads the file Dog/DogData2.json
  
  Read an XML file this time and make objects from a class Dog/Dog_fetchXML_f18.html Dog/DogClass.js Dog/DogData.xml
  
  1. TED Talk Lab (JSON) (can use TED_start.html)
  
  2. Taco Lab (XML) Read the file taco.xml and make an array of Taco Ingredient objects from it. Place the ingredients in a drop-down select. Display the information of the selected ingredient. Provide the user an ADD button and a textarea to add ingredients to his/her taco. Keep track of and display at least three running totals (e.g. for Calories, Fat and Protein) that display the results for the user's selected ingredients. Have a CLEAR button that empties out the textarea and sets the running totals back to 0.
  
  Due: Sept. 26