Prep 5: 4.5, 4.8.2, 7.1, 7.2, and 9.2, 9.3.1, 9.3.2

Categories:

• Prep

  less than a minute  

Read

1. FunWebDev Chapter 4.5, 4.8.2 (The Cascade and CSS Variables).
2. FunWebDev Chapter 7.1, 7.2 (CSS Layout and Flexbox).
3. FunWebDev Chapter 9.2, 9.3.1, 9.3.2 (Modifying the DOM and Intro to Events)

Activities

We have some fun exercises this week that will let you practice your CSS selector skills and DOM manipulation! Complete both the CSS Diner and the JSChallenger activities.

CSS Diner

Complete levels 1-14 of CSS Diner.

When you’re done, open the menu in the upper-right and submit a screenshot showing you have completed the first 14 levels.

JSChallenger

Complete the following DOM manipulation problems from JSChallenger. You do not need to make an account, nor should you purchase a premium membership.

• DOM selector methods
  • Select the button element on the page
  • Query descendent HTML elements
  • Select multiple HTML elements
• Events and user interactions
  • Execute function on button click
• DOM manipulation
  • Remove element from the DOM
  • Change id of HTML element

Submit a screenshot of this page, showing that you have completed the challenges in each category.