WorksheetsMwd theory practice
Total questions: 32
Worksheet time: 16mins
What is jQuery UI ?
Jquery UI is responsive to web pages
Jquery is a collection of javascript codes that uses javascript library
Jquery UI is a collection of user interface interactions, effects, widgets, and themes built on top of the jQuery core library.
Jquery UI is visually appealing beautiful designed in Javascript
What does the following ¡Query statements do?
$(document).ready(function/{
$("'button").click(function@{
$("#div1").fadeToggle (3000);});
});
On clicking a button, a div with id = "div1" will
fade in at a speed of 3 sec.
On clicking a button, a div with id = "div1" will
fade out at a speed of 3 sec.
On clicking a button, a div with id = "div1" will
switch between fading in and fading out at a speed of 3 sec.
On clicking a button, a div with id = "divl" will
switch between fading in and fading out at a speed of 3000 sec.
Responsive web design enables web page layouts to adapt to a variety of screen sizes.
Which one of the following items are used to achieve this responsive capability?
Use fixed, fluid and elastic layout.
Use fluid grid layout.
Use Fix layout
Use elastic layout
Which one of the following options in jQuery mobile will allow pages to be available instantly when users visit them?
Data-prefetch
data-rel="dialog"
data-role="page"
data-role="content"
There are two functions used in the jQuery scripts below. What do you call the second function?
$("button").click(function(){ $("p").toggle("slow", function(){
alert("The toggle effect has completed."); }); });
Calling function
Call toggle function
Call toggle Effect
Callback function
In jQuery basic effects such as hide(), show(), etc, how would the targeted element move when easing is set to “swing”?
The element will move slower at the beginning, faster in the middle and slower at the end.
The element will move faster at the beginning ,Faster at the middle and slower at the end
The element will move slower at the beginning, slower at the middle and faster at the end
The element will move at a constant fast speed
A bee image with width of 200px and height of 200px is animated with the jQuery scripts below. What will be the effect on the bee image when a button is clicked?
The image with id = “bee” will grow to double its original size in 2000msec.
The image with id = “bee” will shrink to half its original size in 2000msec.
The image with id = “bee” will remain its original size in 2000msec
The image with id = “bee” will shrink to thumbnail size in 2000msec
What are the various speed (or duration) options for jQuery effects such as show() and hide()?
Use “slow” or “fast” or number in milliseconds.
Use “faster” or “slower”
Use “faster”
Use “slower”
In the following jQuery script, if the fadeIn effect is not slow enough, what is the most appropriate method to slow down the effect?
Use a number in hours for the speed.
Use a number in seconds for the speed.
Use a number in milliseconds for the speed.
Use a number in minutes for the speed.
$('#masterList'). find('li') width(500).addClass('selecte d');
What do you called the phenomena occuring in the above codes?
Event bubbling
Ajax
Animating
Chaining
Which one of the following variable is local?
myBoolean
myArray
myname
Mystring
How do you fetch the first span on the page, which has the class 'green'?
$("span:first, green")
$("'span.green:second")
$("'span.green:first")
$("'span:green:first")
In responsive design, which one of the following screen sizes should you start with in planning your design?
Small mobile phone size
Big mobile phone size
Medium mobile phone size
X-Large mobile phone size
Which one of the following scripts must be used to link your web page to the Query library file from Google CDN
(Content Delivery Network)?
<script src="https://ajax.googleapis.c
om/ajax/libs/jquery/3.0.0/jquer y.min.js"></script>
<script src=“js.js”></script>
<Link rel=“stylesheet” href=“css.css”>
<script src="https://ajax.com/ajax/libs/jquery/3.0.0/jquer y.min.js"></script>
What do you called the following responsive web design pattern?
Layout-Shifter
Responsive Layout
Fixed Layout
Fluid Layout
What is a viewport?
It is the user visible area of webpage on Computer webpage
A display of a browser in the mobile device
It is the user's visible area of a web page on any display device.
It is what the user sees on mobile phone
What is/are the unit/s of grids in fixed layouts?
Pixels
Percentage
Em
Milliseconds
What does $(“p#intro”) select?
All class elements of p = “intro” tag
All elements inside p with intro tag
All id elements with p =“intro”
All p elements with id = “intro”.
How many set of swatches does jQuery Mobile support?
16
20
15
26
A page in jQuery Mobile consists of <DIV> sections. Name all the data roles that make up one page?
title, header, content, footer
Page,header,content,footer
Footer,content,header,title
Content,Footer,Article
Which one of the following doctypes is used in jQuery Mobile Web Apps?
XHTML 5.0
Jquery
HTML 5
CSS
Which one of the following types of testing requires each mobile device to be tested against the guidelines set by different mobile platforms?
Performance testing
Memory-leakage testing
Usability testing
Certification testing
For the following iQuery statement, which one of the options is a method parameter value?
$("'span").fadeln (100);
100
Span
$
fadein
What is the style of this curly brackets?
if (Jquery decides){}
K&R style
HTML
ANSI
Js
How many images and thus breakpoints does the Data Image Delivery or Data Img plugin allows user to specify?
1
2
3
4
In responsive web design, what is one of the popular options to resize image proportionately?
Adjust the CSS max-width of image.
Adjust the CSS min-width of image.
Adjust the CSS max-length of image.
Adjust the CSS min-height of image
What is call stack tracing in Firebug?
It traces or debugging for typo error in the codes
it reveals the line of sequence in source code page
it reveals the sequence of function calls
it traces the error in the webpage
What is a classic method of testing client-side JavaScript code?
use "confirm" Method
use "prompt" Method
use "echo" Method
use "alert" Method
What is the purpose of the CSS tab or panel in Firebug?
it is a css tab editor
it is a JavaScript or jQuery command line panel
it displays PHP codes of the webpage
it displays HTML codes of web page
Which one of the following is used to stop default behaviours in event handlers?
stopDefault();
preventDefault();
runDefault();
event.preventDefault();
Refer to the html codes above, which one of the following jQuery selector is used to select the paragraph “This is the last paragraph in a div”?
$("div p").last();
$("div > p").first();
$("div.p").last();
$("div #p").last();
Refer to the HTML codes above, which one of the following jQuery selectors is used to select the paragraph with “Hello!” and colour it blue?
$("div:has(p)").css("color", "blue");
$("div:is(p)").css("color", "blue");
$("div.has(p)").css("color", "blue");
$("div.is(p)").css("color", "blue");
