Everything Else Flashcards
Can you set border on an inline element?
Yes
Can you set margin on a block element?
Yes
Can you set margin on inline elements?
Only on the left and right
Can you set padding on a block element?
Yes
Can you set padding on an inline element?
Yes
How do you center a block-level element?
Set an explicit width like width: 500px; and margin: 0 auto; on the element.
How do you center inline content inside of an element?
Set text-align: center; on the container
How do you create a new DOM element of the div type?
document.createElement(‘div’);
Is this an absolute or relative path: /User/ericlewis/Desktop
absolute
Is this an absolute or relative path: unit01/hw
relative
Is this an anonymous or named function?const x = function() {};
An anonymous function
Provided a DOM elementconst image = document.querySelector(‘img’);how would you get the source of the image?
image.getAttribute(‘src’);
Provided a DOM elementconst p = document.querySelector(‘.some-paragraph’);how would you change the paragraph content to the string “hello”?
p.innerHTML = ‘hello’;
Provided the codeconst alertHi = function(evt) { alert(‘hi’) };const button = document.querySelector(‘button’);how would you invoke alertHi whenever the button is clicked?
button.addEventListener(‘click’, alertHi);
Provided two DOM elementsconst div = document.createElement(‘div’);const paragraph = document.createElement(‘p’);how would you put the paragraph inside the div?
div.appendChild(paragraph);
The CSS property for setting the font color
color
What are the layers of the box model?
Content, padding, border, and margin
What color is rgba(0, 0, 255, 1); ?
blue
What command makes a folder into a git repository?
git init
What command will copy the file script.js into the javascript/ directory?
cp script.js javascript/
What command will create a new directory named css/?
mkdir css
What CSS property defines the spacing between flex items?
justify-content
What CSS rule do you apply to an element to make it a flex container?
display: flex;
What do the first two numbers in a hex code represent?
The red value
What do we call it when we access a property on an object like this:person.name
dot notation
What do we call it when we access a property on an object like this:person[‘name’]
Bracket notation
What do we call these: []
brackets
What do we call these: { }
curly braces
What do you call x and y here?someFunction(x, y);
Function arguments
What does Math.ceil() do?
Rounds a number up to the next integer
What does Math.random() return?
A random decimal number between 0 and 1
What does pwd do?
Prints the current directory
What does the command do? cd ../../..
change three directories up
What does the document.querySelector function return?
An HTMLElement
What does this command do: mv a.jpg b.jpg Pictures/
Move two images into the Pictures folder
What does this command do?git add script.js
Add changes in script.js to the staging area
What does this command do?git push origin master
Push all commits from the local repository’s master branch to the remote origin’s master branch
What DOM event fires when a user presses a key on their keyboard?
keydown
What DOM event fires when the user scrolls down the page?
scroll
What is master in this command?git push origin master
A branch
What is origin here?git push origin master
A remote repository
What is output with this code?const x = 3;const y = x > 2 ? 10 : 1;console.log(y);
10
What is the default value of flex-wrap?
no-wrap
What is the generic block element that has no semantic meaning?
div
What is the generic inline element that has no semantic meaning?
span
What is the hex color for black?
000000
What is the hex color for white?
ffffff
What rule would you set on a flex container to make the flex items wrap onto multiple rows?
flex-wrap: wrap;
What screen will this media query affect?@media screen (min-width: 450px) and (max-width: 768px) {}
Screens with a width between 450 and 768 pixels
What screens will this media query affect?@media screen and (min-width: 300px) {}
Screens wider than 299 pixels
What type of data does document.querySelectorAll() return?
A NodeList containing HTML elements
What value does this code evaluate to?’hi there’.length
8
What value does this code evaluate to?[‘abba’, ‘boy’, ‘beach’].map(function(word) { return word.length });
[4, 3, 5]
What value does this code evaluate to?Math.floor( 3.493 ) + 1;
4
What value does this code evaluate to?parseInt(‘123abc’);
123
What value represents emptiness in JavaScript?
null
What’s command will remove a directory called “images/”?
rm -r images
When does “i < 10” evaluate in the code below?for ( let i = 0; i < 10; i++ ) { console.log(i);}
Before each iteration of the for loop body
When does “i++” evaluate in the code below?for ( let i = 0; i < 10; i++ ) { console.log(i);}
After each iteration of the for loop body
When does “let i = 0” evaluate in the code below?for ( let i = 0; i < 10; i++ ) { console.log(i);}
One time, at the beginning of the for loop
When value does this code evaluate to?[‘abba’, ‘boy’, ‘beach’].filter(function(word) { return word.length > 3 });
[‘abba’, ‘beach’]
Will this code produce an error?const x = 3;x = 4;
Yes. A variable declared with a const cannot be reassigned
