CSC 343: The Week beginning Feb. 4

• 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 with a few images and apply some CSS filters to them. You can learn how by watching CSS Filters! or looking at CSS filter Property.
  
  Part 3. JavaScript. Watch and summarize the following videos:
  
  • ES6 Arrow Functions in JavaScript tutorial ( Fat Arrow Function Expression es2015, ecma6)
  • JavaScript Array Filter
  • JavaScript Array Map
  
  Due: Feb. 11
  
  
• Monday:
  
  OhTheHorror/HorrorClass_FetchData_s19.html revisits last week's example of making objects from a class OhTheHorror/HorrorMovieClass.js but this version reads the data from a text file OhTheHorror/Horror.txt
  
  OhTheHorror/HorrorClass_FetchData_2_s19.html reads OhTheHorror/Horror2.txt (which is "line delimited"). It also separates out the style OhTheHorror/Horror.css. It also incorporates the array's map method and uses an "arrow function" to make it look a little more up-to-date.
  
  Dog/Dog_Fetch_JSON_s19.htm uses fetch to read a JSON file Dog/DogData.json. It also splits off the style into a separate file Dog/Dog.css.
  
  Dog/Dog_Fetch_JSON_2_s19.htm uses fetch to read a JSON file Dog/DogData2.json. (The data is organized differently in this JSON file.)
  
  Dog/Dog_Fetch_XML_s19.htm uses fetch to read an XML file Dog/DogData.xml. It then makes an array of objects of the Dog class Dog/DogClass.js.
  
  
• Wednesday:
  
  Lab Art Anatomy Books (JSON)
  
  Due: Feb. 13
  
  
• Friday:
  
  Lab TED Talks (XML)
  
  Due: Feb. 15