Deck 10: Creating Interactivity With Css and Javascript
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
Match between columns
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
فتح الحزمة
قم بالتسجيل لفتح البطاقات في هذه المجموعة!
Unlock Deck
Unlock Deck
1/65
العب
ملء الشاشة (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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
6
GitHub is an online repository used by developers to share code.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
7
JavaScript was originally known as Mocha and then LiveScript.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
8
Adding animation to a webpage distracts the user's attention and compromises their experience.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
9
JavaScript is a more complex programming language than Java.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
10
In JavaScript, a function must include a name and statements that specify a task to be performed.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
11
JavaScript programming is needed to display and hide the navigation links for a mobile viewport.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
14
Developers can use JavaScript to validate form information.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
15
In general, it is not necessary for web developers to remove code.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
16
All JavaScript methods require arguments.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
17
Web developers use a scripting language to control webpages.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
20
When adding animation to a webpage, a webkit prefix is needed to accommodate older versions of Apple Safari.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
22
Efficient use of JavaScript can significantly improve and enrich the user experience.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
26
JavaScript withholds interactivity between the webpage and the user.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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( )
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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( )
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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( )
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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)
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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( )
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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;
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
45
Match between columns
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
46
Explain the evolution of CSS and how it is used today. What is the purpose of the transform property?
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
47
The hamburger icon, used as the menu button in websites, consists of a single horizontal line.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
48
Explain why most modern websites use some form of JavaScript within their website.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
50
If you create a variable named foodGroup, JavaScript will recognize this variable if it is written as FoodGroup.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
51
Explain the use of an if/else statement in JavaScript.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
54
CSS began as a simple way to add color and design a webpage.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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()
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
59
Briefly describe DOM methods and the DOM tree.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
60
Explain how variables are defined in JavaScript.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
61
In JavaScript, methods associated with the document object might be write and open .
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
62
Briefly describe the purpose of jQuery.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
63
Properties cannot be assigned to JavaScript objects.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
64
Briefly explain how to write JavaScript code.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck
65
In CSS, the animation-delay property s pecifies the direction of an animation: forward or reverse.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 65 في هذه المجموعة.
فتح الحزمة
k this deck