CSC 343: The Week beginning Nov. 26

• Homework:
  
  Make a page with CSS styling that uses 3 pseudo-elements and three pseudo-classes.
  https://www.w3schools.com/css/css_pseudo_elements.asp
  https://www.w3schools.com/css/css_pseudo_classes.asp
  
  Watch and summarize (or work through the code of) the following:
  JavaScript Template Literals
  ECMAScript 6 / ES6 New Features - Tutorial 7 - Generators (supposed to be useful with asynchronous calls like fetch)
  
  Due: Dec. 5
  
  
• Wednesday:
  
  CalculatingWithVueExpressions.htm
  
  Vue_Radiobuttons.htm
  
  Vue_Radiobuttons_2.htm
  
  Vue_Radiobuttons_3.htm
  
  Vue_Radiobuttons_4.htm uses my_data.json. (Fetches a local file, so be careful about using Chrome.)
  
  Vue_Radiobuttons_5.htm uses my_data.json and colors.json. (Two sets of radiobuttons -- using different properties of the same Vue object.
  
  Vue_Checkboxes.htm
  
  Vue_Checkboxes_2.htm
  
  Vue_Checkboxes_3.htm uses movies.json
  
  Five Guys in Vue Redo the Five Guys Lab from Week 2 using Vue. (You can get rid of the button.) The list of meals (hamburger, etc.) should be read from a JSON file you make. The list of cook levels (rare, etc.) should also be read from a JSON file. And the same goes for the toppings (mayo, etc.) The functionality (what happens when a radio button or checkbox is clicked) should be handled using Vue.
  
  Due: Dec. 5
  
  Project -- Minimum Requirements:
  • The project must have a subject.
  • It should include some SVG -- perhaps a logo for your project.
  • There should be at least one external data source -- a JSON file or API.
  • There should be at least two HTML pages.
  • Each page must contain at least ten elements (header, paragraph, select, table, input, etc.)
  • It should have some Vue code.
  • It should have some React code.
  • The pages should have an some style that has at least 20 attribute-value pairs. At least one should be a pseudo-class or pseudo-element.
  • There should be some newer CSS, e.g. grid, filter, transition/animation.
  • Each page should have meta tags for charset, author, description and keywords. Include at least one more meta tag.
  • There should be at least two of homework demos for w3schools: tabs, accordion, slideshow, modal, etc.
  • There should be at least two new HTML5 tags.
  • Each page should involve some interaction.
  • The code should include at least one if, one loop, one array and one object. (You could substitute a timer for the loop.) Yes, looping over an array of objects would count for loop, array and object.
  • I should not be able to make your page crash by entering "bad data" or performing events out of order (such as clicking Button2 before Button1).
  • The code should include some type of calculation, string manipulation (beyond mere concatenation), etc. (You can ask if you are unsure that your project meets this criterion.)
  • The code should be commented -- more than just your name -- but explanations of what the code does, what the style does, etc.
  • The above is minimal. Some points will be reserved for doing more than the minimal. For example, if your if involves a regular expression or if your React code is more involved.
  • The project is done individually. It should be your own work.