Deck 10: Creating Interactivity With Css and Javascript
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Match between columns
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/65
Play
Full screen (f)
Deck 10: Creating Interactivity With Css and Javascript
1
In CSS, the animation-iteration-count property specifies the number of times an animation should take place.
False
2
Which is a complex programming language, commonly used to create large business applications and native mobile applications for the Android operating system?
A) Safari
B) Java
C) Visual Basic
D) Opera
A) Safari
B) Java
C) Visual Basic
D) Opera
B
3
Variables can be defined locally or globally in JavaScript.
False
4
JavaScript and Java are the same.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
5
Many mobile websites integrate an icon commonly called the _____ icon for use as a menu button.
A) hamburger
B) keyframe
C) emoji
D) favicon
A) hamburger
B) keyframe
C) emoji
D) favicon
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
6
GitHub is an online repository used by developers to share code.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
7
JavaScript was originally known as Mocha and then LiveScript.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
8
Adding animation to a webpage distracts the user's attention and compromises their experience.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
9
JavaScript is a more complex programming language than Java.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
10
In JavaScript, a function must include a name and statements that specify a task to be performed.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
11
JavaScript programming is needed to display and hide the navigation links for a mobile viewport.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
12
JavaScript is a(n) _____ scripting language, which means that the browser interprets and renders the JavaScript.
A) server-side
B) client-side
C) off-side
D) rule-based
A) server-side
B) client-side
C) off-side
D) rule-based
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
13
A(n) _____ in JavaScript is programming code and data that can be treated as its own entity.
A) object
B) section
C) kernel
D) block
A) object
B) section
C) kernel
D) block
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
14
Developers can use JavaScript to validate form information.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
15
In general, it is not necessary for web developers to remove code.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
16
All JavaScript methods require arguments.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
17
Web developers use a scripting language to control webpages.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
18
The CSS _____ property allows block elements to be transformed or changed within two-dimensional or three-dimensional space.
A) transform
B) regulate
C) navigator
D) screen
A) transform
B) regulate
C) navigator
D) screen
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
19
JavaScript is a(n)_____ language used to provide various types of functionality to webpages, such as the ability to interact with the user.
A) scripting
B) embedded
C) iterative
D) procedural
A) scripting
B) embedded
C) iterative
D) procedural
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
20
When adding animation to a webpage, a webkit prefix is needed to accommodate older versions of Apple Safari.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
21
In CSS, the rotate(30deg) method rotates the element _____.
A) 30 degrees clockwise
B) 30 degrees counter-clockwise
C) 90 degrees clockwise
D) 180 degrees counter-clockwise
A) 30 degrees clockwise
B) 30 degrees counter-clockwise
C) 90 degrees clockwise
D) 180 degrees counter-clockwise
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
22
Efficient use of JavaScript can significantly improve and enrich the user experience.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
23
In JavaScript, _____ must have a unique name and must follow the same naming conventions as user-defined functions.
A) comments
B) arguments
C) variables
D) elements
A) comments
B) arguments
C) variables
D) elements
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
24
A parameter or _____ is a value given to a method.
A) argument
B) element
C) function
D) event
A) argument
B) element
C) function
D) event
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
25
A marketing deal was struck with Sun Microsystems to adopt the Java name and change LiveScript to _____.
A) JavaScript
B) Windows
C) MacOS
D) Google
A) JavaScript
B) Windows
C) MacOS
D) Google
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
26
JavaScript withholds interactivity between the webpage and the user.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
27
Which DOM method returns the first HTML element with the specified CSS selector?
A) querySelector( )
B) querySelectorAll( )
C) getElementsByName( )
D) getElementsByTagName( )
A) querySelector( )
B) querySelectorAll( )
C) getElementsByName( )
D) getElementsByTagName( )
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
28
Identify the code that shows how an object name and its property are separated.
A) browser=chrome.appName
B) browser=chrome*appName
C) browser=chrome$appName
D) browser=chrome#appName
A) browser=chrome.appName
B) browser=chrome*appName
C) browser=chrome$appName
D) browser=chrome#appName
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
29
A(n) _____ is a set of JavaScript statements that perform a specific task.
A) function
B) element
C) argument
D) property
A) function
B) element
C) argument
D) property
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
30
JavaScript uses _____ to store values temporarily in internal memory.
A) arguments
B) elements
C) functions
D) variables
A) arguments
B) elements
C) functions
D) variables
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
31
A(n) _____ is how JavaScript associates an action with a function.
A) attribute
B) parameter
C) anchor element
D) event handler
A) attribute
B) parameter
C) anchor element
D) event handler
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
32
Which CSS transform property value is used to resize an element?
A) translate( )
B) scale( )
C) trim ()
D) matrix( )
A) translate( )
B) scale( )
C) trim ()
D) matrix( )
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
33
Roger is writing a code and he has been advised by his mentor to provide comments in the code. What is the format that Roger must follow to write comments in JavaScript?
A) He must use a slash and asterisk for multiline comments.
B) He must use a single slash for a one-line comment.
C) He must use double slashes and a period for multiline comments.
D) He must use a period and asterisk for a one-line comment.
A) He must use a slash and asterisk for multiline comments.
B) He must use a single slash for a one-line comment.
C) He must use double slashes and a period for multiline comments.
D) He must use a period and asterisk for a one-line comment.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
34
Which CSS transform property value rotates an element a specified number of degrees clockwise or counter-clockwise?
A) matrix( )
B) skew( )
C) translate( )
D) rotate( )
A) matrix( )
B) skew( )
C) translate( )
D) rotate( )
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
35
The _____ of JavaScript objects are attributes that describe an object's characteristics.
A) properties
B) elements
C) labels
D) placeholders
A) properties
B) elements
C) labels
D) placeholders
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
36
Which term is used for actions that an object can perform?
A) properties
B) arguments
C) methods
D) strings
A) properties
B) arguments
C) methods
D) strings
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
37
Roger has created a JavaScript program as an external .js file. What is the format he must follow to specify the file as an external file?
A)
A)
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
38
Which CSS transform property value indicates a 2D transformation that accepts six values?
A) matrix( )
B) scale( )
C) translate( )
D) rotate( )
A) matrix( )
B) scale( )
C) translate( )
D) rotate( )
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
39
In CSS, the skew method skews the _____ of an element.
A) corners
B) sides
C) opacity
D) texture
A) corners
B) sides
C) opacity
D) texture
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
40
To add an animation with CSS, you create it with an _____ rule; it specifies the name of the animation as well as the animation parameters.
A) @transform
B) @validation
C) @keyframes
D) @specification
A) @transform
B) @validation
C) @keyframes
D) @specification
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
41
Identify the correct JavaScript code used when multiple statements appear on the same line.
A) foodOne = squash; foodTwo = pepper;
B) foodOne...squash, foodTwo...pepper.
C) foodOne =+squash//foodTwo =+ pepper.
D) foodOnesquash+foodTwopepper;
A) foodOne = squash; foodTwo = pepper;
B) foodOne...squash, foodTwo...pepper.
C) foodOne =+squash//foodTwo =+ pepper.
D) foodOnesquash+foodTwopepper;
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
42
In JavaScript, an object name and its property are separated by a(n) _____.
A) semicolon
B) colon
C) asterisk
D) period
A) semicolon
B) colon
C) asterisk
D) period
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
43
Which CSS animation property s pecifies the time it should take for the animation to complete?
A) delay
B) timing
C) fill
D) duration
A) delay
B) timing
C) fill
D) duration
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
44
Which CSS animation property specifies the speed of the animation?
A) iteration-count
B) fill-mode
C) timing-function
D) name
A) iteration-count
B) fill-mode
C) timing-function
D) name
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
45
Match between columns
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
46
Explain the evolution of CSS and how it is used today. What is the purpose of the transform property?
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
47
The hamburger icon, used as the menu button in websites, consists of a single horizontal line.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
48
Explain why most modern websites use some form of JavaScript within their website.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
49
Identify the correct code used to add an onclick event handler to call a hamburger function.
A) "hamburger()" ++ setonclick=
B) onclick="hamburger()"
C) [onclick*hamburger]
D) onclick^to^ hamburger
A) "hamburger()" ++ setonclick=
B) onclick="hamburger()"
C) [onclick*hamburger]
D) onclick^to^ hamburger
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
50
If you create a variable named foodGroup, JavaScript will recognize this variable if it is written as FoodGroup.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
51
Explain the use of an if/else statement in JavaScript.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
52
What do JavaScript statements end with?
A) semicolon
B) colon
C) astericks
D) period
A) semicolon
B) colon
C) astericks
D) period
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
53
Identify the event handler that indicates the user has made an object active.
A) onfocus
B) onclick
C) onselect
D) onload
A) onfocus
B) onclick
C) onselect
D) onload
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
54
CSS began as a simple way to add color and design a webpage.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
55
In JavaScript, methods are followed by _____.
A) a semicolon
B) parentheses
C) an ampersand
D) a period
A) a semicolon
B) parentheses
C) an ampersand
D) a period
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
56
Which CSS animation property specifies whether the animation is in progress or paused?
A) direction
B) play-state
C) timing-function
D) delay
A) direction
B) play-state
C) timing-function
D) delay
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
57
You can use the jQuery _____ method to create animations on a webpage.
A) script()
B) embed()
C) animate()
D) translate()
A) script()
B) embed()
C) animate()
D) translate()
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
58
Which CSS animation property s pecifies the element style when the animation is not taking place ?
A) direction
B) fill-mode
C) play-state
D) name
A) direction
B) fill-mode
C) play-state
D) name
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
59
Briefly describe DOM methods and the DOM tree.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
60
Explain how variables are defined in JavaScript.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
61
In JavaScript, methods associated with the document object might be write and open .
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
62
Briefly describe the purpose of jQuery.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
63
Properties cannot be assigned to JavaScript objects.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
64
Briefly explain how to write JavaScript code.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck
65
In CSS, the animation-delay property s pecifies the direction of an animation: forward or reverse.
Unlock Deck
Unlock for access to all 65 flashcards in this deck.
Unlock Deck
k this deck