Everything Else

Question 1

Can you set border on an inline element?

Answer 1

Yes

Question 2

Can you set margin on a block element?

Answer 2

Yes

Question 3

Can you set margin on inline elements?

Answer 3

Only on the left and right

Question 4

Can you set padding on a block element?

Answer 4

Yes

Question 5

Can you set padding on an inline element?

Answer 5

Yes

Question 6

How do you center a block-level element?

Answer 6

Set an explicit width like width: 500px; and margin: 0 auto; on the element.

Question 7

How do you center inline content inside of an element?

Answer 7

Set text-align: center; on the container

Question 8

How do you create a new DOM element of the div type?

Answer 8

document.createElement(‘div’);

Question 9

Is this an absolute or relative path: /User/ericlewis/Desktop

Answer 9

absolute

Question 10

Is this an absolute or relative path: unit01/hw

Answer 10

relative

Question 11

Is this an anonymous or named function?const x = function() {};

Answer 11

An anonymous function

Question 12

Provided a DOM elementconst image = document.querySelector(‘img’);how would you get the source of the image?

Answer 12

image.getAttribute(‘src’);

Question 13

Provided a DOM elementconst p = document.querySelector(‘.some-paragraph’);how would you change the paragraph content to the string “hello”?

Answer 13

p.innerHTML = ‘hello’;

Question 14

Provided the codeconst alertHi = function(evt) { alert(‘hi’) };const button = document.querySelector(‘button’);how would you invoke alertHi whenever the button is clicked?

Answer 14

button.addEventListener(‘click’, alertHi);

Question 15

Provided two DOM elementsconst div = document.createElement(‘div’);const paragraph = document.createElement(‘p’);how would you put the paragraph inside the div?

Answer 15

div.appendChild(paragraph);

Question 16

The CSS property for setting the font color

Answer 16

color

Question 17

What are the layers of the box model?

Answer 17

Content, padding, border, and margin

Question 18

What color is rgba(0, 0, 255, 1); ?

Answer 18

blue

Question 19

What command makes a folder into a git repository?

Answer 19

git init

Question 20

What command will copy the file script.js into the javascript/ directory?

Answer 20

cp script.js javascript/

Question 21

What command will create a new directory named css/?

Answer 21

mkdir css

Question 22

What CSS property defines the spacing between flex items?

Answer 22

justify-content

Question 23

What CSS rule do you apply to an element to make it a flex container?

Answer 23

display: flex;

Question 24

What do the first two numbers in a hex code represent?

Answer 24

The red value

Question 25

What do we call it when we access a property on an object like this:person.name

Answer 25

dot notation

Question 26

What do we call it when we access a property on an object like this:person['name']

Answer 26

Bracket notation

Question 27

What do we call these: []

Answer 27

brackets

Question 28

What do we call these: { }

Answer 28

curly braces

Question 29

What do you call x and y here?someFunction(x, y);

Answer 29

Function arguments

Question 30

What does Math.ceil() do?

Answer 30

Rounds a number up to the next integer

Question 31

What does Math.random() return?

Answer 31

A random decimal number between 0 and 1

Question 32

What does pwd do?

Answer 32

Prints the current directory

Question 33

What does the command do? cd ../../..

Answer 33

change three directories up

Question 34

What does the document.querySelector function return?

Answer 34

An HTMLElement

Question 35

What does this command do: mv a.jpg b.jpg Pictures/

Answer 35

Move two images into the Pictures folder

Question 36

What does this command do?git add script.js

Answer 36

Add changes in script.js to the staging area

Question 37

What does this command do?git push origin master

Answer 37

Push all commits from the local repository's master branch to the remote origin's master branch

Question 38

What DOM event fires when a user presses a key on their keyboard?

Answer 38

keydown

Question 39

What DOM event fires when the user scrolls down the page?

Answer 39

scroll

Question 40

What is master in this command?git push origin master

Answer 40

A branch

Question 41

What is origin here?git push origin master

Answer 41

A remote repository

Question 42

What is output with this code?const x = 3;const y = x \> 2 ? 10 : 1;console.log(y);

Answer 42

10

Question 43

What is the default value of flex-wrap?

Answer 43

no-wrap

Question 44

What is the generic block element that has no semantic meaning?

Answer 44

div

Question 45

What is the generic inline element that has no semantic meaning?

Answer 45

span

Question 46

What is the hex color for black?

Answer 46

#000000

Question 47

What is the hex color for white?

Answer 47

#ffffff

Question 48

What rule would you set on a flex container to make the flex items wrap onto multiple rows?

Answer 48

flex-wrap: wrap;

Question 49

What screen will this media query affect?@media screen (min-width: 450px) and (max-width: 768px) {}

Answer 49

Screens with a width between 450 and 768 pixels

Question 50

What screens will this media query affect?@media screen and (min-width: 300px) {}

Answer 50

Screens wider than 299 pixels

Question 51

What type of data does document.querySelectorAll() return?

Answer 51

A NodeList containing HTML elements

Question 52

What value does this code evaluate to?'hi there'.length

Answer 52

8

Question 53

What value does this code evaluate to?['abba', 'boy', 'beach'].map(function(word) { return word.length });

Answer 53

[4, 3, 5]

Question 54

What value does this code evaluate to?Math.floor( 3.493 ) + 1;

Answer 54

4

Question 55

What value does this code evaluate to?parseInt('123abc');

Answer 55

123

Question 56

What value represents emptiness in JavaScript?

Answer 56

null

Question 57

What's command will remove a directory called "images/"?

Answer 57

rm -r images

Question 58

When does "i \< 10" evaluate in the code below?for ( let i = 0; i \< 10; i++ ) { console.log(i);}

Answer 58

Before each iteration of the for loop body

Question 59

When does "i++" evaluate in the code below?for ( let i = 0; i \< 10; i++ ) { console.log(i);}

Answer 59

After each iteration of the for loop body

Question 60

When does "let i = 0" evaluate in the code below?for ( let i = 0; i \< 10; i++ ) { console.log(i);}

Answer 60

One time, at the beginning of the for loop

Question 61

When value does this code evaluate to?['abba', 'boy', 'beach'].filter(function(word) { return word.length \> 3 });

Answer 61

['abba', 'beach']

Question 62

Will this code produce an error?const x = 3;x = 4;

Answer 62

Yes. A variable declared with a const cannot be reassigned