Prep 04: 4.1-4.4, and 4.6-4.7 & 9.1

4.1 - What Is CSS?
4.2 - CSS Syntax
4.3 - Location of Styles
4.4 - Selectors
4.6 - The Box Model
4.7 - CSS Text Styling
9.1 - The Document Object Model (DOM)
Categories:

  less than a minute  

Read

  1. FunWebDev Chapter 4.1-4.4, and 4.6-4.7 (skip chapter 4.5 – we will come back to the cascade later).
  2. FunWebDev Chapter 10.1 (Array Functions). (note this wasn’t here originally for S'24, but was added post hoc in case anyone grabs this for future use)
  3. FunWebDev Chapter 9.1 (introduction to DOM).

Array Champion 3000

It’s time to work out those array muscles and exercise your JavaScript skills that you’ve been developing!

  1. First, open up the MDN web docs for arrays.

  2. Next, download the starter HTML file and put it in your cs343/dev directory, inside a new folder called prep4 or something similar.

  3. Open it through VS Code. You should see a few arrays and eight numbered comments.

  4. Your goal is to use different array methods with your own callback functions to solve each of the little exercises and become an array CHAMPION!

    • Pro tip: The MDN web docs listed above are your best friend here
    • Make sure your variable names to store the results match those provided in the file!

  5. When you’re done, submit your arrays.html to the corresponding Gradescope assignment.

Last modified October 15, 2025: updates from brief sync-up (91b2c39)