Brainscape's Knowledge GenomeTM

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


See full index

INSY-4315 | Exam 2 | Karen Scott '22 > Review > Flashcards

Review Flashcards

1
Q

flexible layout

A

page layout automatically adjusts to screens of different widths

(T5 - Slide 5)

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

Responsive images

A

rescale based on the size of the viewing device

T5 - Slide 5

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

media queries

A
  • determines the properties of the device rendering the page so that appropriate designs can be delivered to specific devices
  • media=“devices”

(T5 - Slide 5,6)

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

The mobile first principle

A

• overall page design starts with base styles that apply to all devices followed by style rules specific to mobile devices

(T5 - Slide 11)

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

Flexible Box

A

flexbox is a box containing items whose sizes can shrink or grow to match the boundaries of the box

(T5 - Slide 23)

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

main axis

A
  • Items within a flexbox
  • can point in either the horizontal or vertical direction

(T5 - Slide 23)

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

Cross Axis

A

is perpendicular to the main axis and is used to define the height or width of each item

(T5 - Slide 23)

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

NavIcon Menu

A
  • It is used to indicate the presence of hidden navigation menus in mobile websites
  • symbol represented as three horizontal lines

(T5 - Slide 52)

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

Header cells

A
  • content placed at the top of a column or beginning of a row
  • By default, displays text in bold and centers text horizontally
  • Marked using the “th” element

(T6 - Slide 9)

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

Data cells

A
  • content within columns or rows
  • By default, displays text as unformatted text and is aligned to the left within the cell
  • Marked using the “td” element

(T6 - Slide 10)

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

div

A

• division or a section in an HTML document

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

span

A
  • generic inline container for phrasing content

* group elements for styling purposes

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

table

A
  • display: table; (treated as a block-level element)
  • display: table-inline; (treated as an inline element)

(T6 - Slide 39)

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

thead

A

display: table-header-group;

T6 - Slide 39

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

th

A

display: table-cell;

T6 - Slide 39

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

tbody

A

display: table-row-group;

T6 - Slide 39

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

tr

A

display: table-row;

T6 - Slide 39

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

td

A

display: table-cell;

T6 - Slide 39

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

tfoot

A

display: table-footer-group;

T6 - Slide 39

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

colspan

A
  • cols is the number of columns that the cell occupies
  • colspan = “cols”

(T6 - Slide 21)

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

border

A
  • Another way to separate columns is with a graphic dividing line created using the “column-rule” property
  • column-rule: border;
  • where “border” defines the style of dividing line

(T6 - Slide 17)

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

column-width

A
  • acts like the basis value for items in a flexbox
  • column-width: size;

(T6 - Slide 51)

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

form

A

• can contain page elements such as tables, paragraphs, inline images, and headings
• can be placed anywhere within the body of a page
• < form id = “text” attributes >
content

(T7 - Slide 12, 13)

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

label

A
  • To associate a text string with a control, the text string has to be enclosed within the label element
  • < label for = “id” > label text

(T7 - Slide 23)

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

input

A

to insert text and numeric values

T7 - Slide 7

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

option

A

• tag defines an option in a select list

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

select

A

• represents a control that provides a menu of options.

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

spinner control

A

• Displays an up or down arrow to
increase or decrease the field value by a set
amount

(T7 - 52)

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

radio

A
  • Option buttons are also called radio buttons
  • to select data values from a predefined set of options
  • < input name = “name” value = “value1” type=“radio” />

(T7 - Slide 7, 44)

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

checkbox

A

• to select data values limited to two possibilities, such as “yes” or “no”
• designed for fields that record the presence or absence of an object or event
• < input name = “name” value = “value”
type = “checkbox” />

(T7 - Slide 7, 47)

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

textarea

A

• Text area boxes - to enter text strings that may include several lines of content
• < textarea name = “name” >
text
< /textarea >

(T7 - Slide 7, 49)

32
Q

submit button

A
  • Submits a form to the server for processing when clicked
  • attribute set to “submit” and “reset” respectively
  • < input value = “text” type=“submit” />
  • where text is the text string that appears on the button

(T7 - Slide 60)

33
Q

reset button

A

• Resets a form, changing all fields
to their default values and deleting any field
values that a user has entered
•
• where text is the text string that appears on the button

(T7 - Slide 61)

34
Q

type

A
  • is used to specify the type of button

* used to specify the type of input to display

35
Q

placeholder

A
  • Text strings that appear within a form control, providing a hint about the kind of data that should be entered into a field
  • placeholder = “text”

(T7 - Slide 32)

36
Q

for

A

• used to specify the type of form element a label is bound to.

37
Q

default

A

• specifies that the track is to be enabled if the user’s preferences do not indicate that another track would be more appropriate

38
Q

validate

A

• To validate a text value against a regular expression, add the “pattern” attribute to the “input” element

(T8 - Slide 67)

39
Q

required

A
  • identify the required data fields
  • specifies that an input field must be filled out before submitting the form.

(T8 - Slide 65)

40
Q

autocomplete

A
  • specifies whether or not an input field should have autocomplete enabled.
  • allows the browser to predict the value. When a user starts to type in a field, the browser should display options to fill in the field, based on earlier typed values.
41
Q

autofocus

A

• it specifies that an < input > element should automatically get focus when the page loads.

42
Q

size

A
  • To display a selection list as a scroll box, use the size attribute to the select element
  • … < /select >

(T8 - Slide 39)

43
Q

maxlength

A
  • The maxlength attribute does not distinguish between characters and digits
  • < input maxlength = “value” />

(T8 - Slide 69)

44
Q

post method

A
  • Sends the form data in its own separate data stream
  • considered to be a more secure form of data transfer

(T8 - Slide 16)

45
Q

Get method

A
  • Tells the browser to append the form data to the end of the URL specified in the action attribute
  • default method

(T8 - Slide 16)

46
Q

Run-time error

A

occur during execution of a script without syntax errors

T9 - Slide 19

47
Q

logical error

A

are free from syntax and executable mistakes but result in an incorrect output

(T9 - Slide 19)

48
Q

syntax error

A

• an error in the source code of a program

49
Q

Client-side

A
  • Programs run on the user’s computer using downloaded scripts with HTML and CSS files
  • Distributes load to avoid overloading of program-related requests
  • Client-side programs can never replace server- side programming

(T9 - Slide 6)

50
Q

server-side

A

• Program code runs from the server hosting the website
• Advantage: Connects a server to an online database containing
information not directly accessible to end users
• Disadvantages: Use server resources and requires Internet access, Long delays in cases of system over-load

(T9 - Slide 4)

51
Q

JavaScript

A

is a programming language for client-side programs

T9 - Slide 8

52
Q

Debugging

A
  • Process of locating and fixing a programming error
  • Shortcut to open a debugging tool is F12 key

(T9 - Slide 19, 20)

53
Q

Dot notation

A

• access a property of an object.

54
Q

Function

A

• Collection of commands that performs an action or returns a value

(T9 - Slide 54)

55
Q

method

A

• Applying a Method
– Objects can be modified using methods
– Methods are applied using the expression
• object.method(values)

(T9 - Slide 32)

56
Q

Compiled (Compiler)

A

an application that translates a program code into machine language

(T9 - Slide 8)

57
Q

interpreted (language)

A

executes a program code without using an application

T9 - Slide 8

58
Q

Built-in objects

A

intrinsic to JavaScript language

T9 - Slide 25

59
Q

Variable

A
  • Named item in a program that stores a data value
  • var variable = value;

(T9 - Slide 37)

60
Q

constant

A
  • CONSTANT is the name of one of the mathematical constants supported by Math object
  • Math.CONSTANT

(T9 - Slide 52)

61
Q

Arguments

A

• are the real values passed to the function.

62
Q

Parameters

A
  • Variables associated with the function
  • are the names listed in the function’s definition.

(T9 - Slide 54)

63
Q

Date ( )

A

Built-in JavaScript object used to store information about dates and times

(T9 - Slide 42)

64
Q

Mod

A

Modulus operator: Returns the integer remainder after dividing one integer by another

(T10 - Slide 50)

65
Q

Arrays

A

Collection of values organized under a
single name

(T10 - Slide 10)

66
Q

Sequence

A
  • specifies that the child elements must appear in a sequence.
  • Each child element can occur from 0 to any number of times.
67
Q

Conditional/Selection

A

Runs a command or command block only when certain circumstances are met

(T10 - Slide 48)

68
Q

Loops/Iteration

A

Cycle through different values contained within an array

T10 - Slide 39

69
Q

Key/value pairs

A
  • key - name of the cookie,

* value - unencrypted, text string.

70
Q

Expiration

A

expiry date for when a cookie gets deleted

71
Q

Path

A
  • The path on the server in which the cookie will be available on.
  • If set to ‘/’, the cookie will be available within the entire domain
72
Q

Domain

A

• specifies which hosts can receive a cookie

73
Q

Secure

A

• cookie that only works with HTTP/HTTPS and does not work for scripting languages like JavaScript.

74
Q

window

A

• represents an open window in a browser.

75
Q

document

A
  • the root node of the HTML document.

* property of the window object.

76
Q

timer

A

• Using timers you can delay the execution of code so that it does not get done at the exact moment an event is triggered or the page is loaded

INSY-4315 | Exam 2 | Karen Scott '22 (4 decks)

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