Week 1

Question 1

Name two types of units that can be used to adjust font-size in CSS.

Answer 1

pixels, px and rem/em, and percentages, % (do not use percentage)

Question 2

What CSS property controls the font used for the text inside an element?

Answer 2

font-family, e.g. body {font-family: sans-serif}

Question 3

What CSS properties make up the box model?

Answer 3

content, padding, margin,border

Question 4

Which CSS property pushes boxes away from each other?

Answer 4

margin

Question 5

Which CSS property add space between a box’s content and its border?

Answer 5

padding

Question 6

What is the default flex-direction of a flex container?

Answer 6

row (horizontally), left to right

Question 7

What is the default flex-wrap of a flex container?

Answer 7

nowrap (none)

Question 8

Why do two div elements “vertically stack” on one another by default?

Answer 8

they are by default block level, i.e. display: block

Question 9

What is the default flex-direction of an element with display: flex?

Answer 9

horizontal, left to right

Question 10

What are the three primary components of a page layout? (Which helper classes do you need?)

Answer 10

row, column, container

Question 11

What is the minimum number of columns that you should put in a row?

Answer 11

one

Question 12

What is the purpose of a container?

Answer 12

to encase things so you can flexbox?

Question 13

What is the default value for the position property of HTML elements?

Answer 13

static

Question 14

How does setting position: relative on an element affect document flow?

Answer 14

It doesn’t but items inside will move if removed from doc flow?

Question 15

How does setting position: relative on an element affect where it appears on the page?

Question 16

How does setting position: absolute on an element affect where it appears on the page?

Question 17

How do you constrain an absolutely positioned element to a containing block?

Question 18

What are the four box offset properties?

Answer 18

left, right, bottom, top

Question 19

how do you overlay items on top of each other?

Answer 19

you can adjust ordering using “z-index”

Question 20

Why do we log things to the console?

Answer 20

to make sure your code is working!

Question 21

What is a method?

Answer 21

A method is a function which is a property of an object. There are two kinds of methods: instance methods which are built-in tasks performed by an object instance, or static methods which are tasks that are called directly on an object constructor.

Question 22

How is a method different from any other function?

Answer 22

it is a property of an object

Question 23

How do you remove the last element from an array?

Answer 23

pop() method

Question 24

How do you round a number down to the nearest integer?

Answer 24

Math.floor() method

Question 25

How do you generate a random number?

Answer 25

Math.random() method

Question 26

How do you delete an element from an array?

Answer 26

.splice() method

Question 27

How do you append an element to right end of an array?

Answer 27

.push() method

Question 28

How do you break a string up into an array?

Answer 28

.split() method

Question 29

Do string methods change the original string? How would you check if you weren't sure?

Answer 29

No, strings are immutable. to check, console log it

Question 30

Roughly how many string methods are there according to the MDN Web docs?

Answer 30

around 50

Question 31

Is the return value of a function or method useful in every situation?

Answer 31

no because you might use/do somthing different in the function later

Question 32

Roughly how many array methods are there according to the MDN Web docs?

Question 33

What three-letter acronym should you always include in your Google search about a JavaScript method or CSS property?

Answer 33

MDN !

Question 34

how do u link js file to html?

Question 35

Give 6 examples of comparison operators.

Answer 35

&& || < > etc..

Question 36

What data type do comparison expressions evaluate to?

Answer 36

bulion

Question 37

What is the purpose of an if statement?

Answer 37

conditions

Question 38

Is else required in order to use an if statement?

Answer 38

no

Question 39

Describe the syntax (structure) of an if statement.

Answer 39

if (a < b) {return false}

Question 40

What are the three logical operators?

Answer 40

How do you compare two different expressions in the same condition?

Question 41

What are the three logical operators?

Question 42

How do you compare two different expressions in the same condition?

Answer 42

using "and" or "or"

Question 43

What is the purpose of a loop?

Answer 43

run code repeated times under specific conditions

Question 44

What is the purpose of a condition expression in a loop?

Answer 44

tells how long / many times loop to run for

Question 45

What does "iteration" mean in the context of loops?

Answer 45

number of times loop runs

Question 46

When does the condition expression of a while loop get evaluated?

Answer 46

at beginning of each iteration

Question 47

When does the initialization expression of a for loop get evaluated?

Answer 47

at start of loop

Question 48

When does the condition expression of a for loop get evaluated?

Answer 48

after initialization and after every iteration

Question 49

When does the final expression of a for loop get evaluated?

Answer 49

after the iteration

Question 50

Besides a return statement, which exits its entire function block, which keyword exits a loop before its condition expression evaluates to false?

Answer 50

the break keyword

Question 51

What does the ++ increment operator do?

Answer 51

increments value by 1

Question 52

How do you iterate through the keys of an object?

Answer 52

"for in" loop

Question 53

how do use find loop debugger?

Answer 53

something like this!: inspector, sources, , main d js, left click, debugger, or enter debugger keyword above console log in code block

Question 54

What are the four components of "the Cascade".

Answer 54

source order, specificity, inheritance, important

Question 55

What does the term "source order" mean with respect to CSS?

Answer 55

the order in which css rules are written in stylesheet and order in which they are prioritized (last being hightest priority)

Question 56

How is it possible for the styles of an element to be applied to its children as well without an additional CSS rule?

Answer 56

using inheritance if it is available. inheritance will apply to other items inside the element.

Question 57

List the three selector types in order of increasing specificity.

Answer 57

element, class, ID

Question 58

Why is using !important considered bad practice?

Answer 58

because it implies one is not following other best practices by organizing code correctly

Question 59

selecotors by priority order

Answer 59

(lowest to hightest) universal selector(*), element, class, id, inline, important