Prep 05: 4.5, 4.8.2, 7.1, 7.2, and 9.2, 9.3.1, 9.3.2
4.5 - The Cascade: How Styles Interact
4.8.2 - CSS Variables
7 - CSS 2: Layout
7.1 - Older Approaches to CSS Layout
9.2 - Modifying the DOM
9.3.1 - Implementing an Event Handler
9.3.2 - Page Loading and the DOM
4.8.2 - CSS Variables
7 - CSS 2: Layout
7.1 - Older Approaches to CSS Layout
9.2 - Modifying the DOM
9.3.1 - Implementing an Event Handler
9.3.2 - Page Loading and the DOM
Categories:
less than a minute
Read
- FunWebDev Chapter 4.5, 4.8.2 (The Cascade and CSS Variables).
- FunWebDev Chapter 7.1 (CSS Layout).
- 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. Make an account to save your progress.
You do not need to purchase a premium membership (stay free, like a bird 🕊️).
- DOM selector methods
- Events and user interactions
- DOM manipulation
Submit a screenshot of this page, showing that you have completed the challenges in each category.