reading-notes

HTML Lists, Control Flow with JS, and the CSS Box Model

Reading: Learn HTML

Ordered and Unordered lists.

  1. When should you use an unordered list in your HTML document?

  2. How do you change the bullet style of unordered list items?

  3. When should you use an ordered list vs an unordered list in your HTML document?

  4. Describe two ways you can change the numbers on list items provided by an ordered list?

Learn CSS

The Box Model.

  1. Describe the CSS properties of margin and padding as characters in a story. What is their role in a story titled: “The Box Model”?

  2. List and describe the four parts of an HTML elements box as referred to by the box model.

Learn JS

Arrays. Operators and Expressions. Conditionals. Loops.

  1. What data types can you store inside of an Array?

  2. Is the people array a valid JavaScript array? If so, how can I access the values stored? If not, why?

  const people = [['pete', 32, 'librarian', null], ['Smith', 40, 'accountant', 'fishing:hiking:rock_climbing'], ['bill', null, 'artist', null]];
  1. List five shorthand operators for assignment in javascript and describe what they do.

  2. Read the code below and evaluate the last expression and explain what the result would be and why.

  let a = 10;
  let b = 'dog';
  let c = false;

  // evaluate this
  (a + c) + b;
  1. Describe a real world example of when a conditional statement should be used in a JavaScript program.

  2. Give an example of when a Loop is useful in JavaScript.

Things I want to know more about