Question 1

What advice would you give a student that says their overlay section of text is appearing on the bottom, right corner of the document versus on the bottom, right corner of the element that contains the text and on which they wish to overlay the text using

Accepted Answer

Be sure the element container has position: relative declared.

Question 2

const outputElement = document.querySelector('#output');
Write a JavaScript line of code that assigns the outputElement a class named 'highlight' using the classList property.

Accepted Answer

outputElement.classList.add('highlight') 
outputElement.classList.add(`highlight`);

Question 3

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at util.js:45:5

Accepted Answer

The element targeted with the addEventListener method does not exist as named.

Question 4

Accepted Answer

Reference the value property of the #favchap input element, not just the element.

Question 5

What HTML5 element lets you define zero or more elements, followed by one element, optionally intermixed with script-supporting elements, essentially allowing you to define more than one image based on the view and browser support.

Accepted Answer

Picture

Question 6

Optimization is the process of trying to find the magical balance between ________ and file size.

Accepted Answer

Quality

Question 7

Device-pixel ratio is the number of device pixels per                                pixel.

Accepted Answer

CSS

Question 8

Which of the following is the correct way to tell the browser how much space to reserve for the image while it loads to help prevent cumulative layout shiftsLinks to an external site.?

Accepted Answer

Question 9

What CSS property sets one or more background images on an element?

Accepted Answer

background-image

Question 10

Should not be used on the web as it is not a compressed image format leading to very large files.

Accepted Answer

BMP

Question 11

Simple images and animations and is older (1987).

Accepted Answer

GIF

Question 12

Most popular choice and widely used image type for lossy compression of still images/photographs.

Accepted Answer

JPEG

Question 13

Preferred for more precise reproduction of source images or when transparency is needed, and it produces better compression

Accepted Answer

PNG

Question 14

Ideal for interface elements, icons, diagrams that can support many sizes with accuracy.

Accepted Answer

SVG

Question 15

Best compression option for images and animated images with higher color depths.

Accepted Answer

WEBP

Question 16

Accepted Answer

Good work! The HTML markup looks good for mobile first dev.

Question 17

JavaScript uses type conversion to coerce any value to a Boolean in contexts that require it, such as conditionals and loops. A falsy value is a value that is considered false when encountered in a Boolean context. Which are JavaScript falsy values?

Accepted Answer

0 UNDIFEINED NaN NULL ',"", OR ``

Question 18

In the learning activity about WebP, about what % reduction of file size was discovered when converting the landscape image in the activity from JPG image file format to WebP?

Accepted Answer

40%

Question 19

Which of the following CSS Grid Layout properties is a shorthand to create a gutter or alley between grid cells?

Accepted Answer

gap / grid-gap

Question 20

Which of the following is more suited for layouts in two dimensions?

Accepted Answer

Grid

Question 21

How many columns will be displayed on the screen given the following code snippets? .wrapper {
   display: grid;
   grid-template-columns: 1fr 2fr 1fr 1fr;
}Correct!

Accepted Answer

4

Question 22

Which of the following code snippets will horizontally and vertically center the content of children elements within the parent container, .parent-selector?

Accepted Answer

.parent-selector {
    display: flex;
    justify-content:center;
    align-items: center;
}

Question 23

Progressive loading of assets on a page is also known as

Accepted Answer

Lazy loading

Question 24

The concept of using an HTML attribute and value of loading="lazy" and the browser being able to support in versus requiring JavaScript by the user is called which of the following?

Accepted Answer

An attribute has been introduced by Google and supported by the Chrome 75+ browser named loading with three different values. Native Lazy Loading

Question 25

To retrieve data from an existing local storage item named 'myData', which of the following statements is would you use?

Accepted Answer

localStorage.getItem("myData");

Question 26

To save a name as a local storage item that could be used later, you would use which of the following statements?

Accepted Answer

localStorage.setItem("name", ‘Pablo ’);

Question 27

The  attribute specifies that the input field should automatically get focus when the page loads.

Accepted Answer

Autofocus

Question 28

Which of the following HTML snippets will produce the following table structure of data?
Temperature	High: 90
	                       Low: 70

Accepted Answer

Temperature	High: 90
	Low: 70

Question 29

Which of the following is an element that specifies a list of pre-defined options for an <input> element. Users will see a drop-down list of the pre-defined options as they input data into this interface.

Accepted Answer

Question 30

Each input field must have a  attribute to be submitted. If this attribute is omitted, the data of that input field will not be sent.

Accepted Answer

Name

Question 31

Given the following HTML form snippet of markup, which of the following user inputs would meet the regular expression rule written in the pattern attribute?

Accepted Answer

<input type="text" name="code-mark" pattern="[A-Za-z19]{5}" title="The Code Mark">  
1cat9

Question 32

Which of the following input types would be the best choice for displaying choices to a user if they are only allowed to select one?

Accepted Answer

type="radio"

Question 33

Rewrite the following HTML statement to make the input field a required field.  <input type="text" name="unit">Correct

Accepted Answer

Question 34

Finish the following HTML table markup by filling in the blank.

Accepted Answer

</td>  or /td

Question 35

HTML tables can be used as an effective and desired layout structure for web pages given how easy they are to markup.

Accepted Answer

False

Question 36

JSON is                           written with JavaScript object notation in mind using name/value pairs.

Accepted Answer

Text

Question 37

Finish the following JSON snippet by filling in the blank with the appropriate syntax to make this a valid name/value pair.
{ "temple"___"Oakland" }

Accepted Answer

:

Question 38

const myTrip = {
    "month":"July",
    "year":"2015",
     "temples": ["Logan", "Bountiful", "Manti", "Draper", "St. George", "Cedar City" ]
}
let x = myTrip.temples[3];

Accepted Answer

"Draper"

Question 39

What does the acronym API stand for in the context of this week?

Accepted Answer

Application Programming Interface

Question 40

A global fetch() method is part of the Fetch API that provides an easy, logical way to fetch resources ________________ across the network.

Accepted Answer

asynchronously

Question 41

Convert the following concatenated string to a template string. "Welcome back " + firstName + "! You last visited on " + lvdate + "."

Accepted Answer

`Welcome back ${firstName}! You last visited on ${lvdate}.`

Question 42

JavaScript uses type conversion to coerce any value to a Boolean in contexts that require it, such as conditionals and loops. A falsy value is a value that is considered false

Accepted Answer

0, NaN (not a number),  null, undefined, '', "", or ``

Question 43

A student has reviewed your favorite chapter application and commented that you must use innerHTML versus textContent when providing the list item's content.

Accepted Answer

li.innerHTML = item;  li.textContent = item;
Either property will work in this case given that item is a simple string.    That would be true if item contained HTML tags.

Question 44

Accepted Answer

Reference the value property of the #favchap input element, not just the element.

Question 45

write the line of code that would set a variable named "power" to equal the Eternal Flame character's second listed power given the fact that the JSON file has been parsed into a usable variable named "data".

Accepted Answer

const power = data.members[2].powers[1];
let power = data.members[2].powers[1];

Question 46

In JavaScript, to assign a variable identified as 'msg' a document element with a class named 'message' and it is the first element in the document with that class designation,

Accepted Answer

const msg = document.querySelector('.message’);

Question 47

In JavaScript, to assign a variable identified as 'msg' a document element with an id named 'message', which of the following would you use?

Accepted Answer

const msg = document.getElementById('message'); 
  
const msg = document.querySelector('#message');

Question 48

If you wanted to change the reported temperatures coming from the OpenWeatherMaps API from the default value to Fahrenheit values, which of following would you add to your API call?rrect

Accepted Answer

&units=imperial

Question 49

const msg = document.querySelector('span');

Accepted Answer

The first span element found on the document.

html

html language

"Know" box contains:
Time elapsed:
Retries: