Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

WGU C777 > c777 - Sheet1 > Flashcards

c777 - Sheet1 Flashcards

1
Q

The web development trifecta

A

HTML5, CSS, JavaScript

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

HTML5 tag defining the main body of a document. Cannot be the child of the header, nav, article, aside, or footer elements.

A

main

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

These elements can also be included in article, aside, nav, main, and section elements, not just on the page itself

A

header and footer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

This element identifies the file(s) to use in a video or audio element

A

source

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

A set of standards for the writing and/or design of documents

A

style guide

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

This version of IE is the first to support HTML5

A

IE9

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What should you do to support HTML5 elements in pre-IE9 browsers.

A

Add them via JS, make them block via CSS

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

The term for the part of CSS code that refers to the element you want to style

A

selector

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

In CSS, the term for a property and value pair. It must always end with a semicolon

A

declaration

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

In CSS, the name for a selector, property and value all grouped together

A

rule

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

The word “cascading” in CSS refers to this concept

A

inheritance

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

The cascading order of CSS style sheets, ordered from lowest priority to highest

A

External, embedded, inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Linking to a CSS file requires these attributes in the link element

A

rel, type, href

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Embedded CSS should be placed in a block defined by this element

A

style

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Inline CSS should be placed in an attribute with this name

A

style

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

The arrangement of content elements on a page and how the space is used. Does it fall from top to bottom in stacks, or does some content float to one side or the other?

A

document flow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

These are not used when defining inline CSS styles

A

curly braces

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Use this CSS property to avoid having floating elements before/after another element

A

clear

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

In CSS, the “normal, or default”, position of block elements within a page

A

static

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

In CSS, positioning a block element relative to another element

A

relative

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

In CSS, this causes the element to appear to float above the document and can be positioned as needed. It is completely removed from the rest of the page flow.

A

absolute

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

In CSS, this causes the element to remain in the same position when the page is scrolled

A

fixed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

In CSS, this causes the element to inherit its parent’s position

A

inherit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

In the box model, this is the space between the content and the border

A

padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

In the box model, this is the space between the border and surrounding elements

A

margin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Add all of these up to get the full size of an element in the box model

A

content, padding, border, and margin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

This CSS3 selector selects every instance of a specified element whose specified attribute ends with the specified value

A

element[attribute$=value]

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

This CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value

A

element[attribute*=value]

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

This CSS3 selector selects every instance of a specified element whose specified attribute begins with the specified value

A

element[attribute^=value]

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

This CSS3 selector selects every checked instance of a specified element

A

element:checked

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

This CSS3 selector selects every disabled instance of a specified element

A

element:disabled

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

This CSS3 selector selects every enabled instance of a specified element

A

element:enabled

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

This CSS3 selector selects every instance of a specified element that is the first of its parent

A

element:first-of-type

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

This CSS3 selector selects every instance of a specified element that is the last of its parent

A

element:last-of-type

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

This CSS3 selector selects every instance of element2 that is preceded by an instance of element1 where both have the same parent. element2 need not be immediately preceded by element1

A

element1~element2

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

CSS3 now allows this in the background

A

multiple images

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

CSS3 property determining whether the background extends into the border or not (content, padding, or border)

A

background-clip

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

CSS3 property defining the location to which the background-position property should be relative (content, padding, or border)

A

background-origin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

CSS3 values used in a background-size property. Last two are optional. Default is auto.

A

length, percentage, cover, contain

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

Whereas the opacity property applies to an element and its children, you can use this to specify the opacity of a single element

A

rgba

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q

CSS3 rule allowing you to specify custom fonts

A

@font-face

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q

This font weight is the same as normal

A

400

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q

This font weight is the same as bold

A

700

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

Range of font weights

A

100-900

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
45
Q

IE9 and earlier do not support this text property

A

text-shadow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
46
Q

These two CSS3 properties are required by @font-face

A

font-family and src

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
47
Q

An effect that changes an element’s shape, size and/or position

A

transform

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
48
Q

Property that allows you to change a transformed element’s position

A

transform-origin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
49
Q

Property that specifies whether child elements will retain the parent element’s position in 3D space

A

transform-style

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
50
Q

Property that specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view

A

perspective

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
51
Q

Property that specifies the bottom position of a 3D element

A

perspective-origin

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
52
Q

Property that defines whether or not an element is visible when it is rotated to face away from the viewer

A

backface-visibility

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
53
Q

These browsers support the transform property

A

IE10+, Firefox, Opera

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
54
Q

These browsers require a vendor prefix for transforms

A

Chrome 34, Safari 7, IE9

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
55
Q

CSS3 effects that change an element from one style to another style

A

transition

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
56
Q

Property that specifies the CSS property that the transition will affect

A

transition-property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
57
Q

Properties that defines the amount of time that a transition takes in seconds (s) or milliseconds (s). Default is 0. If no value is specified, then no transition occurs

A

duration

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
58
Q

Properties that describe the speed of a transition. Valid options are ease, linear, ease-in, ease-out, and ease-in-out

A

timing function

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
59
Q

Properties that defines how long before a transition or animation begins

A

delay

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
60
Q

At-rule used to create CSS3 animations

A

@keyframes

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
61
Q

@keyframes requires a prefix for these two browsers

A

Chrome 34 and Safari 7

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
62
Q

Property that specifies the identifier for the @keyframes animation that binds it to a selector

A

animation-name

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
63
Q

Property that specifies the number of times the animation will play. Default is 1.

A

animation-iteration-count

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
64
Q

Property that specifies whether to play the animation in reverse on alternate cycles.

A

animation-direction

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
65
Q

Property that specifies whether the animation is running or paused. Default is running

A

animation-play-state

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
66
Q

The resize property only works in these browsers

A

Chrome, Safari, and Firefox

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
67
Q

CSS3 UI property that makes an element look like a standard user interface element, such as a button or window

A

appearance

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
68
Q

CSS3 UI property that forces specified elements fit an area in a certain way

A

box-sizing

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
69
Q

CSS3 UI property that styles an element with an iconic equivalent

A

icon

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
70
Q

CSS3 UI property that specifies the tabbing order for an element

A

nav-index

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
71
Q

CSS3 UI property that specifies where the cursor will navigate to when the user presses the “direction” arrow key

A

nav-direction

72
Q

CSS3 UI property that draws an outline beyond the border edge (i.e., offsets the outline) as specified

A

outline-offset

73
Q

CSS3 UI property that specifies whether an element can be resized by the user and how it can be resized

A

resize

74
Q

A CSS3 technique used to place an HTML element on top of another HTML element

A

overlay

75
Q

Use this CSS3 property to create an overlay. Without it and by default, the HTML element listed last in the page appears at the top and vice versa.

A

z-index

76
Q

The first character of a variable name in JavaScript must be one of these

A

letters, _, or $

77
Q

Except for the first character, the name of a variable in JavaScript can contain these only

A

letters, numbers, or _

78
Q

The 6 data types in JavaScript

A

number, string, boolean, Object, null, undefined

79
Q

Data that is to be operated upon or manipulated in some manner by an operator

A

operand

80
Q

Event that occurs when the loading of an image is aborted

A

abort

81
Q

Event that occurs when input focus is removed from a form element

A

blur

82
Q

Event that occurs when a user changes the value of a form field

A

change

83
Q

Event that occurs when an error takes place while a page or image is loading

A

error

84
Q

Event that occurs when a user gives input or focus to a form element

A

focus

85
Q

Event that occurs when a form’s Reset button is clicked

A

reset

86
Q

Event that occurs when the user selects the text in a form field

A

select

87
Q

Event that occurs when a form’s Submit button is clicked

A

submit

88
Q

Event that occurs when a page is unloaded from the browser

A

unload

89
Q

Event that occurs when a page is loaded into the browser

A

load

90
Q

Event that occurs when the user clicks on a link or form element

A

click

91
Q

Event that occurs when the user moves the mouse pointer over a visible element on a page

A

mouseOver

92
Q

Event that occurs when the mouse pointer leaves a visible element on a page

A

mouseOut

93
Q

In JavaScript, function names must begin with this

A

letter or _

94
Q

Except for the first character, function names in JavaScript can contain these

A

letters, numbers, _, or $

95
Q

True or false: JavaScript is parsed according to its position in the page, as the browser works its way through the HTML

A

TRUE

96
Q

Typically syntax errors, these usually cause error alerts

A

load-time errors

97
Q

Typically caused by improper use of commands, these errors can cause error alerts

A

run-time errors

98
Q

Errors that result in the script running improperly. They do not cause error alerts. The script may return unexpected results or may fail to execute at all.

A

logic errors

99
Q

The two most common JavaScript coding errors

A

misspelling and case-sensitivity

100
Q

The method to retrieve a canvas’s drawing context

A

canvas.getContext(“2d”)

101
Q

The method to retrieve a canvas’s WebGL context

A

canvas.getContext(“webgl”)

102
Q

How do you get browsers to download an updated Offline webapp if it’s already been cached?

A

change manifest file

103
Q

Geolocation API to retrieve the user’s current location

A

getCurrentPosition()

104
Q

Geolocation API to request periodic updates of the user’s position

A

watchPosition()

105
Q

Geolocation API to cancel watching the user’s location

A

clearWatch()

106
Q

Attribute and value to use on an element you want to be draggable

A

draggable=”true”

107
Q

Event specifying the start of a drag operation

A

dragstart

108
Q

Event specifying a drag operation has occurred

A

dragover

109
Q

Event specifying a drag operation has ended

A

drop

110
Q

File API that provides a directory list of file objects

A

FileList

111
Q

File API that provides read-only access to individual files

A

FileReader

112
Q

File API that provides the ability to divide a file into byte ranges

A

Blob

113
Q

History API method to go back a page

A

history.back()

114
Q

History API method to go forward a page

A

history.forward()

115
Q

History API method to navigate based on an offset n from the current page. The current page is 0, negative values go back, positive forward.

A

history.go(n)

116
Q

History API that adds a URL to the history stack

A

history.pushState(state object, title, url)

117
Q

History API that replaces the current history URL with a different one, instead of adding a new one

A

history.replaceState(state object, title, url)

118
Q

History API to retrieve number of entries for the current window

A

history.length

119
Q

History API that returns the state object at the top of the history stack

A

history.state

120
Q

An event handler that is called when the history changes for a document in the browser window

A

window.onpopstate

121
Q

jQuery method that sets or returns the text content of selected elements

A

text()

122
Q

jQuery method that sets or returns the content of selected elements (including HTML markup)

A

html()

123
Q

jQuery method that sets or returns the values of form fields

A

val()

124
Q

jQuery method used to get and set attribute values. The method all can set multiple attributes simultaneously.

A

attr()

125
Q

jQuery method to insert content at the end of the selected elements

A

append()

126
Q

jQuery method to insert content at the beginning of the selected elements

A

prepend()

127
Q

jQuery method to insert content after the selected elements

A

after()

128
Q

jQuery method to insert content before the selected elements

A

before()

129
Q

jQuery method to remove and element and its children

A

remove()

130
Q

jQuery method to remove the children of an element, but not the element itself

A

empty()

131
Q

If the type of an input element is omitted, the browser infers it to be this

A

text

132
Q

If the type of an input is not supported by a browser, the browser will default to this type

A

text

133
Q

HTML5 input type allowing the user to pick a color

A

color

134
Q

HTML5 input type allowing the user to enter a date (without time zone) using a drop-down date-picker calendar

A

date

135
Q

HTML5 input type allowing the user to choose a date and time with a GMT time zone

A

datetime

136
Q

HTML5 input type allowing the user to choose a date and time with a local time zone

A

datetime-local

137
Q

HTML5 input type allowing the user to enter one or more e-mail addresses

A

email

138
Q

HTML5 input type allowing the user to choose a date using the month and year (without time zone)

A

month

139
Q

HTML5 input type allowing the user to enter rational integers or float values

A

number

140
Q

HTML5 input type the user to enter numbers using a slider control

A

range

141
Q

HTML5 input type allowing the user to enter text for a search query

A

search

142
Q

HTML5 input type allowing the user to enter a phone number

A

tel

143
Q

HTML5 input type allowing the user to enter a time (without time zone)

A

time

144
Q

HTML5 input type allowing the user to enter a URL

A

url

145
Q

HTML5 input type allowing the user to choose a date using the week and year (without time zone)

A

week

146
Q

HTML5 attributes that can be used on input elements (like date, month, number, etc.) to define the limits of a range

A

min and max

147
Q

HTML5 input element that specifies a list of pre-defined choices for an input element, displayed as a dropdown that narrows down as the user types

A

datalist

148
Q

HTML5 input element that creates a key-pair generator field in the form

A

keygen

149
Q

HTML5 input element that displays the result when a calculation is performed

A

output

150
Q

Use this attribute to bind an input element to a datalist element

A

list

151
Q

This keygen attribute must have its value set to its own name and causes the element value to be challenged upon submission

A

challenge

152
Q

The valid options for the keytype attribute of a keygen form element.

A

RSA, DSA, and EC

153
Q

This attribute specifies the IDs of elements whose values were used, and can be used to bind elements, such as a label element to an input element

A

for

154
Q

This form element attribute specifies the form(s) on the page in which the element appears

A

form

155
Q

This attribute disables an element when set to a value of its own name

A

disabled

156
Q

This attribute applies focus on the element when the page loads and set to a value of its own name

A

autofocus

157
Q

Attribute that specifies the maximum number of characters that can be entered in the field by the user

A

maxlength

158
Q

Attribute that specifies a name for the element that can be used to reference it

A

name

159
Q

Attribute that specifies a short description to provide the user with a hint about the expected input in the field

A

placeholder

160
Q

Attribute that requires the user to select or enter a value before the form can be submitted

A

required

161
Q

This element is used to group elements so that related fields are placed together in a form

A

fieldset

162
Q

This element allows you to add a caption for a group of items created by the fieldset element

A

legend

163
Q

This element enables you to add a label to an input element in a form

A

label

164
Q

An attribute used by many different elements

A

global attribute

165
Q

Attribute that directs the browser not to validate form data upon submission

A

novalidate

166
Q

Attribute that enables the form to suggest and automatically complete input as the user enters it

A

autocomplete

167
Q

True or false: Data submission attributes of input elements override their form’s attributes, unless the browser doesn’t support HTML5

A

TRUE

168
Q

Attribute that specifies how form input should be encoded when submitted to the server

A

enctype

169
Q

Attribute that checks input into the field against a regular expression

A

pattern

170
Q

The 5 attributes that an input element can override from its parent form element

A

formaction, formenctype, formmethod, formnovalidate, formtarget

171
Q

Term describing when users must submit and resubmit a form until it validates.

A

pogo-sticking

172
Q

Term describing what occurs when each form field is validated as the user completes it

A

inline validation

173
Q

Strategies for mobile web design page layout

A

Simplify, divide, less text entry, no popups

174
Q

Strategies for mobile web design navigation and hyperlinks

A

Nav placement, text-based links, access to full version, limited links

175
Q

A Web design approach to create sites that adapt to many different devices

A

responsive web design

176
Q

CSS3 media query “features”

A

width, height, device-width, device-height, orientation

WGU C777 (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions