Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

IT004 – WEB SYSTEM TECHNOLOGIES: Midterm

Total questions: 50

Worksheet time: 25mins

Name
Class
Date
1.

Which of the following is the default layout of a bootstrap form?

a)

.inline

b)

vertical

c)

.horizontal

d)

none of the choices

2.

Which of the following bootstrap style of button indicates caution should be taken with this action?

a)

.btn-danger

b)

.btn-warning

c)

.btn-link

d)

.btn-info

3.

Which of the following bootstrap style helps to combine sets of

into a
for more complex components?

a)

.btn-group

b)

.btn-toolbar

c)

.btntoolbar

d)

.btn-group-lg

4.

Which of the following bootstrap styles are used to create a pills navigation?

a)

.nav, .nav-tabs

b)

.nav, .nav-pills

c)

.nav, .nav-pills, .nav-stacked

d)

.nav, .nav-tabs, .nav-justified

5.

Which of the following bootstrap style is used to align .nav links, forms, buttons, or text to left or right in a .navbar?

a)

.navbar-align

b)

.navbar-left, .navbar-right

c)

.alignment

d)

.navbar-alignment

6.

Which of the following bootstrap styles can be used to create a Stacked progress bar?

a)

.progress

b)

.progress-stacked

c)

.progress-stack

d)

.prog-stack

7.

Which of the following is correct about data-selector Data attribute of Popover Plugin?

a)

Delegates to the specified targets.

b)

Specifies how to position the popover (i.e., top|bottom|left|right|auto).

c)

Inserts HTML into the popover. If false, jQuery's text method will be used to insert content into the dom.

d)

Applies a CSS fade transition to the popover.

8.

Which of the following class applies the hover color to a particular row or cell of a table?

a)

.active

b)

.success

c)

.warning

d)

.danger

9.

Which of the following bootstrap style of button indicates caution should be taken with this action?

a)

.btn-warning

b)

.btn-danger

c)

.btn-link

d)

.btn-info

10.

Which of the following bootstrap style helps to combine sets of

for more complex components?

a)

.btn-toolbar

b)

.btn-group

c)

.btn-group-vertical

d)

.btn-group-lg

11.

Which class indicates a dropdown menu?

a)

.drop

b)

.dropdown-list

c)

.dropdown

d)

.select

12.

A standard navigation tab is created with:

a)

b)

c)

d)

13.

Which plugin is used to create a modal window?

a)

window

b)

dialog Box

c)

modal

d)

popup

14.

Which plugin is used to create a tooltip?

a)

popup

b)

modal

c)

tooltip

d)

dialog box

15.

Default size of H5 bootstrap heading

a)

18px

b)

16px

c)

20px

d)

14px

16.

Which of the following class makes round corner image?

a)

.img-round-corner

b)

.img-rnd

c)

.img-circle

d)

.img-rounded

17.

Which class creates pagination?

a)

pager

b)

pagination-link

c)

link-pagination

d)

pagination

18.

Which class creates list of items?

a)

lst-group

b)

menu-group

c)

list-grp

d)

list-group

19.

Bootstrap is developed by

a)

James Gosling

b)

Mark Jukervich

c)

Jason Thorn and Mark Ottos

d)

Mark Otto and Jacob Thornton

20.

Bootstrap is a free front-end framework.

a)

TRUE

b)

FALSE

21.

Which of the following class styles a table as a nice basic table with stripes on rows?

a)

.table-striped

b)

.table

c)

.table-bordered

d)

.table-hover

22.

Which of the following class makes thumbnail image

a)

.img-thumbnail

b)

.img-tmbnail

c)

.img-thumb

d)

.img-thumbnail-image

23.

Which of the following bootstrap style helps to combine sets of into a for more complex components?

a)

.btn-toolbar

b)

.btn-group

c)

.btn-group-lg

d)

.btn-group-vertical

24.

Which built-in method calls a function for each element in the array?

a)

forEach()

b)

while()

c)

loop()

d)

forEachloop()

25.

Which of the following jQuery selector selects element with the given element id some-id?

a)

$('#some-id')

b)

$("some-id")

c)

$(.some-id')

d)

$(,some-id)

26.

Which of the following jQuery method returns true if the specified class is present on at least one of the set of matched elements?

a)

hasCSSClass( class )

b)

hasClass( class )

c)

hasStyleClass( class )

d)

hasStyleClass

27.

Which of the following jQuery method sets the text of an element?

a)

setText( val )

b)

text( val )

c)

setContent( val )

d)

set( val )

28.

Which of the following jQuery method searches for descendent elements that match the specified selectors?

a)

locate( selector )

b)

find( selector )

c)

search( selector )

d)

look( selector )

29.

Which of the following jQuery method gets the inner height (excluding the border) of an element?

a)

getCSSHeight( )

b)

innerHeight( )

c)

getInnerHeight( )

d)

getHeight( )

30.

Which of the following jQuery method returns the outer width (including the border) of an element?

a)

getCSSWidth( )

b)

outerWidth( [margin] )

c)

getWidth( )

d)

get(Width )

31.

Which of the following jQuery method can be used to make a ajax call?

a)

ready(url, [data], [callback] )

b)

reload(url, [data], [callback] )

c)

load( url, [data], [callback] )

d)

reload.data(url, [data], [callback] )

32.

Which of the following jQuery method loads a remote page using an HTTP request?

a)

jQuery.ajaxSetup( options )

b)

serialize( )

c)

Query.ajax( options )

d)

serializeArray( )

33.

Which of the following is a single global function defined in the jQuery library?

a)

$()

b)

Queryanalysis()

c)

jQuery()

d)

None of the mentioned

34.

Which jQuery method is used to hide selected elements?

a)

hidden()

b)

visible(false)

c)

hide()

d)

display(none)

35.

$.foo() is equivalent to

a)

javascript.foo()

b)

document.foo()

c)

jQuery.foo()

d)

None

36.

Which built-in method returns the character at the specified index?

a)

characterAt()

b)

getCharAt()

c)

Atchar()

d)

charAt()

37.

Using ________ function, we can hold or release the execution of jQuery’s ready event.

a)

jQuery.ready()

b)

jQuery.hold()

c)

jQuery.holdready()

d)

jQuery.holdReady()

38.

The ________ method is like offset(), except that it is a getter only and it returns element positions relative to their offset parent, rather to the document as a whole.

a)

width()

b)

offsetparent()

c)

setparent()

d)

position()

39.

jQuery code to set the background color of all span elements to blue?

a)

span”).manipulate(“background-color”,“blue”);

b)

$(

c)

$(

d)

span”).style(“background-color”,“blue”);

e)

$(

40.

What does the min mean?

a)

Miniature

b)

Minimised parameters

c)

Minimum value

d)

Minimised version

41.

Which of the following is used for parsing JSON text?

a)

jQuery.noConflict()

b)

jQuery(noConflict)

c)

jQuery.parseJSON()

d)

jQuery.each()

42.

What is the correct jQuery code for making all div elements 100 pixels high?

a)

$(

b)

div).height="100

c)

$(

d)

$(

e)

div).Pos(100)

43.

Which of the following jQuery method checks the current selection against an expression?

a)

getIs( selector )

b)

checkIs( selector )

c)

is( selector )

d)

checkI.selectors( )

44.

Select all elements that contain the specified text.

a)

:selects()

b)

:selects() and :contains()

c)

:contains()

d)

:selectsText()

45.

The _____ method is used to represent an array or an object in serialize manner.

a)

size()

b)

length

c)

param()

d)

size(length)

46.

Which sign does jQuery use as a shortcut for jQuery?

a)

% sign

b)

$ sign

c)

? Sign

d)

None of the above

47.

jQuery method is used to perform an asynchronous HTTP request?

a)

jQuery.ajaxAsync()

b)

jQuery.ajax()

c)

jQuery.ajaxSetup()

d)

None of the above

48.

With jQuery, look at the following selector: $("div.intro"). What does it select?

a)

All div elements with id="intro"

b)

All div elements with class="intro"

c)

The first div element with id="intro"

d)

All div elements with id="intro"

49.

What are the methods used to provide effects?

a)

None of these

b)

All of these

c)

Show()

d)

Toggle()

50.

Get the value of a style property for the first element in the set of matched elements.

a)

.style()

b)

.css()

c)

Both .style and .css

d)

None of the above