HTML

Question 1

What tags are necessary for a complete HTML Skeleton?

Answer 1

(1) doctype declaration
(2) html tag
(3) head
(4) title (in the head)
(5) body

Question 2

What type of content belongs within the of an HTML document?

Answer 2

Meta-information/meta-data (non-visible content)

Question 3

What type of content belongs within the of an HTML document?

Answer 3

Content that the user will see

Question 4

Where must the DOCTYPE declaration appear in a valid HTML document?

Answer 4

At the very top

Question 5

Do all HTML elements require a closing tag?

Answer 5

No, some are empty/self-closing/void

Question 6

What are attributes for in HTML?

Answer 6

To customize elements

Question 7

What is the purpose of the alt attribute used on <img></img> elements?

Answer 7

Shows text (describing the image) if the image doesn’t load properly

Question 8

How many heading elements are available in HTML?

Answer 8

6

Question 9

How do link to a file in the same folder as the current HTML document?

Answer 9

href attribute + name of the file in the current directly or (./)

Question 10

How do you link to a file in a folder one level up from the folder containing the current HTML document?

Answer 10

href=”../” (parent directory) + name of file

Question 11

What is the difference between an absolute file path and a relative file path on the Web?

Answer 11

absolute = outside source, relative = internal source

Question 12

What is a hyperlink?

Answer 12

anchor/link that takes you somewhere (to a different document, image, etc.)

Question 13

What is the purpose of CSS?

Answer 13

To help format/design a web page

Question 14

Describe the syntax of a CSS rule-set.

Answer 14

A CSS Syntax rule consists of a selector, property, and its value.

Question 15

Which CSS properties make up the box model?

Answer 15

Margins, padding, borders, and the actual content (width and height).

Question 16

Which CSS property pushes boxes away from each other?

Answer 16

Margin

Question 17

Which CSS property pushes box content away from its border?

Answer 17

Padding

Question 18

What are some characteristics of block?

Answer 18

Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width.</p>

Question 19

What are some characteristics of inline?

Answer 19

Displays an element as an inline element (like <span>). Any height and width properties will have no effect.</span>

Question 20

What are some characteristics of inline-block?

Answer 20

Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values.

Question 21

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

Answer 21

Row

Question 22

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

Answer 22

nowrap

Question 23

What is one of the uses of Flexbox?

Answer 23

To help with page layout

Question 24

What are the three primary parts of a layout system?

Answer 24

Container, row, and column.

Question 25

What does the = (equals) operator do in JavaScript?

Answer 25

To assign a value (but does not mean "equal")

Question 26

Which keyword is used to declare a variable in JavaScript?

Answer 26

var

Question 27

Which characters is a JavaScript variable allowed to begin with?

Answer 27

Any letters, dollar sign ($), underscore (_),

Question 28

What are quotation marks used for in JavaScript?

Answer 28

To create a string for text/data

Question 29

What is the purpose of booleans in JavaScript?

Answer 29

To represent true or false values

Question 30

What is the purpose of numbers in JavaScript?

Answer 30

Used to represent quantities and perform calculations

Question 31

What does null mean in JavaScript?

Answer 31

It's the intentional absence of a value

Question 32

What data types can object properties hold?

Answer 32

All of them (strings, booleans, numbers, etc.)

Question 33

Describe the syntax (structure) of object-literals in JavaScript.

Answer 33

var or constant declaration; object; equal sign; open curly brace; key:value pair; comma if adding more; end curly brace; semi-colon. ``` var person = { firstName: 'Novi', lastName: 'Le', hobby: 'Traveling' }; ```

Question 34

What is the principal use of arrays?

Answer 34

The purpose of an array is to store multiple pieces of data of the same type together and to store data in a specific order.

Question 35

Describe the syntax (structure) of array-literals in JavaScript.

Answer 35

var or const + object = comma separated list of values surrounded by square brackets ([...])

Question 36

What number represents the first index of an array?

Answer 36

0

Question 37

How can you access the last element of an array?

Answer 37

length (of the array) - 1

Question 38

What are the five parts of a function definition?

Answer 38

``` function keyword the function name the parameter list the code block the return statement ```

Question 39

How do you call a function?

Answer 39

function name + the argument list inside of the parentheses

Question 40

What is the difference between a parameter and an argument?

Answer 40

``` parameters = placeholder used for defining function agrument = value passed to a function when you call it ```

Question 41

What does strictly equal mean?

Answer 41

the operators on each side of the === sign have to be the same value and type

Question 42

What is the logical and operator?

Answer 42

&&

Question 43

Can you name some comparison operators?

Answer 43

strictly equal (===), equal to (==), not equal (!=), not strictly equal (!==), > (greater than (>), less than (<). greater than or equal to (>=), less than or equal to (<=)

Question 44

When is the first expression in the parentheses for a for loop (known as the initialization) evaluated?

Answer 44

first (and only once)

Question 45

When is the second expression in the parentheses for a for loop (known as the condition) evaluated?

Answer 45

before each iteration of a loop the condition expression is evaluated

Question 46

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

Answer 46

to terminate the loop

Question 47

When is the third expression in the parentheses for a for loop (known as the final expression) evaluated?

Answer 47

after each iteration of the code block

Question 48

What is the purpose of the final expression in a for loop?

Answer 48

drives the loop toward termination (so that after each iteration, we get closer to our condition expression becoming false)

Question 49

What is the DOM?

Answer 49

Document Object Model = standard interface between Javascript and the page

Question 50

What does document.querySelector() return?

Answer 50

the first Element within the document that matches the specified selector, or group of selectors

Question 51

How do you modify the text of elements on the DOM?

Answer 51

with the textContent property

Question 52

What arguments does the addEventListener method take?

Answer 52

the event, the function

Question 53

Give five examples of JavaScript events that can be listened for.

Answer 53

click, mouse move, cut, copy, paste, animation, drag etc.

Question 54

What does document.createElement() take as its argument?

Answer 54

the tag name of the element written as a string

Question 55

What does document.createElement() return?

Answer 55

returns newly created DOM element (based off the new tag)

Question 56

How do you append elements to the DOM?