Backbone JS MCQ (Multiple Choice Questions) With Answers, Backbone JS Online Quiz

1 .

Who is introduced Backbone.js?

A)

John Resig

B)

Rasmus Lerdorf

C)

Jeremy Ashkenas

D)

Guido van Rossum

Correct Answer : Jeremy Ashkenas

Explanation :

Backbone.js is a JavaScript library with a RESTful JSON interface and is based on the model–view–controller application design paradigm. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library.

It is designed for developing single-page web applications, and for keeping various parts of web applications (e.g. multiple clients and the server) synchronized. Backbone was created by Jeremy Ashkenas, who is also known for CoffeeScript and Underscore.js.

Initial release : October 13, 2010

2 .

When Backbone.js was initially Released?

A)

October 13, 2009

B)

October 13, 2010

C)

October 13, 2011

D)

October 13, 2012

Correct Answer : October 13, 2010

3 .

Which of the following are the main components of Backbone.js?

A)

Model

B)

View

C)

Collection

D)

All of the above

Correct Answer : All of the above

Explanation : All of the above are the main components of Backbone.js.

4 .

What are the key points of Backbone.js?

A)

With jQuery, Backbone.js has a soft dependency.

B)

When the model changes, it can update the HTML of your application automatically.

C)

JS has a hard dependency with underscore.js to make it more functional and supporting.

D)

All of the above.

Correct Answer : All of the above.

5 .

Which of the following models can be created by extending Backbone.js?

A)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo1)); var todo2 = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

B)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo11)); var todo = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

C)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo11)); var todo = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

D)

None of the Above

Correct Answer : var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo1)); var todo2 = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

6 .

What is the usage of ModelBinder in Backbone.js?

A)

The ModelBinder class is used to handle routers.

B)

The ModelBinder class is used to hide the models and views.

C)

The ModelBinder class is used to make a synchronization process of views and models together.

D)

None of the Above

Correct Answer : The ModelBinder class is used to make a synchronization process of views and models together.

Explanation : The ModelBinder class is used to make a synchronization process of views and models together.

7 .

What are the configuration options available in Backbone.js?

A)

Change Triggers

B)

ModelSetOptions

C)

InitialCopyDirection

D)

All of the above.

Correct Answer : All of the above.

Explanation : All of the above are the configuration options available in Backbone.js.

8 .

How does Backbone.js decide if it should use POST/GET/ Request to the Server and what methods Backbone has reserved for these Operations?

A)

If the id attribute of the model is null, Backbone.js sends a POST request to the urlRoot of the Server using the save() method.

B)

If the id attribute of the model is not null, Backbone.js sends a PUT request instead of a POST request using the save() method.

C)

If we instantiate a model with an id, Backbone.js automatically performs a GET request to the urlRoot + '/id' using the fetch() method.

D)

All of the Above.

Correct Answer : All of the Above.

9 .

What are the three js files that are required to set up Backbone.js?

A)

JavaScript, jQuery, js

B)

jQuery, Backbone.js, Underscore

C)

Underscore, JavaScript, jQuery

D)

None of the above.

Correct Answer : jQuery, Backbone.js, Underscore

Explanation : The three js files required to set up Backbone.js are jQuery, Backbone.js, Underscore, etc.

10 .

What is the usage of Backbone.sync?

A)

When Backbone.js wants to save or read a model to the Server, it calls out a function called Backbone.sync.

B)

When Backbone wants to save or read a view to the Server, it calls out a function called Backbone.sync.

C)

When Backbone wants to save or read an event to the Server it calls out a function called Backbone.sync.

D)

All of the above.

Correct Answer : When Backbone.js wants to save or read a model to the Server, it calls out a function called Backbone.sync.

11 .

What is the view in Backbone.js?

A)

Views are not HTML.

B)

It is a description of a model.

C)

The HTML code comes from templates.

D)

All of the above.

Correct Answer : All of the above.

Explanation : All of the above options specify the view in Backbone.js.

12 .

What are the Events in Backbone.js?

A)

Events reflect the state of the model.

B)

They give the object the ability to bind and trigger custom-named events.

C)

The events are modules in Backbone.js that can be mixed into any object.

D)

All of the above.

Correct Answer : All of the above.

13 .

What is Converter in Backbone.js?

A)

Converters are the type of compilers that are used to convert one programming language into another.

B)

The converter is an interface describing a Java class that can perform Object-to-String and String-to-Object conversions between model data objects and a String representation of those objects.

C)

When a model's attribute is copied to an HTML element or when an HTML element's value is copied into a model's attribute, a function is called; this function is known as a converter in Backbone Js.

D)

None of the above.

Correct Answer : When a model's attribute is copied to an HTML element or when an HTML element's value is copied into a model's attribute, a function is called; this function is known as a converter in Backbone Js.

14 .

Which of the following code should we use to define a root route?

A)

Router = Backbone.Route.extend({ route: { ": 'index' }, index: function(){ $(document.body).append("root index route"); } });

B)

Router = Backbone.Router.extend({ routes: { ": 'index' }, index: function(){ $(document.body).append("root index route"); } });

C)

Route = Backbone.Router.extend({ route: { ": 'index' }, index: function(){ $(document.body).append("root index route"); } });

D)

All of the above.

Correct Answer : Router = Backbone.Router.extend({ routes: { ": 'index' }, index: function(){ $(document.body).append("root index route"); } });

15 .

What are the most powerful functionalities of Modelbinder in Backbone.js?

A)

The scoping rules can be redefined if the views are complex.

B)

Modelbinder allows the developer to define the scope when binding is created using J-Query.

C)

In some of the cases, we can rely on the default scoping rules based on the name attribute of HTML.

D)

All of the above.

Correct Answer : All of the above.

16 .

Which of the following code should you use to get only the first 20 items in a backbone collection?

A)

first(20)

B)

collection(20)

C)

first(collection, 20)

D)

All of the above.

Correct Answer : first(20)

17 .

Which of the following code is used when the model or collection is synchronized successfully with the server?

A)

"destroy"(model, collection, options)

B)

"sync"(model_or_collection, resp, options)

C)

"change:[attribute]"(model, value, options)

D)

"request"(model_or_collection, xhr, options)

Correct Answer : "sync"(model_or_collection, resp, options)

18 .

Which of the following are the functions of Tojson?

A)

Tojson does not return a JSON string.

B)

Tojson returns a shallow copy of the model's attribute for JSON stringification.

C)

The Tojson function is used for persistence, serialization, and for augmentation before being sent to the server.

D)

All of the above.

Correct Answer : All of the above.

19 .

The sync method is called with the following parameters?

A)

Model

B)

Method

C)

Options

D)

All of the above.

Correct Answer : All of the above.

20 .

Which of the following are the built-in events in Backbone.js?

A)

sort

B)

each

C)

map

D)

every

Correct Answer : sort

21 .

Which of the following code is used to fetch with sending id?

A)

var Type = Backbone.Model.extend({ url : "/api/SomeRoute" });

B)

var Type = Backbone.Model.extend({ urlRoot : "/api/SomeRoute" });

C)

Both (A) and (B)

D)

None of the above.

Correct Answer : var Type = Backbone.Model.extend({ urlRoot : "/api/SomeRoute" });

22 .

What are the typical problems you might face with the Backbone.js view code?

A)

Models are not shared between different views.

B)

The application models don't change very often.

C)

Application pages are frequently refreshed from scratch from the server.

D)

All of the above.

Correct Answer : All of the above.

Explanation : All of the above are typical problems you might face with the Backbone.js view code.

23 .

How many are Js Files used to set up a working environment for Backbone?

A)

1

B)

2

C)

3

D)

None of the above

Correct Answer : 3

24 .

What are the Backbone events?

A)

Once

B)

Listen to

C)

Stop listening

D)

All the above

Correct Answer : All the above

25 .

What is view in Backbone.js?

A)

Views are not HTML

B)

The view is a description of a model

C)

A View is a JavaScript object that manages specific DOM elements

D)

All of the above

Correct Answer : All of the above

26 .

In relation to RequireJS configuration options, which of the following is the correct option that is used for setting the baser to point to the app directory?

A)

require.config({

baseUrl:

B)

require.config({

baseUrl=

C)

require.config({

baseUrl

D)

None of the above.

Correct Answer :

require.config({

baseUrl:

27 .

Which of the following commands is used for installing the JavaScript tool. Yeoman?

A)

npm install -g y

B)

npm install -g yeoman

C)

npm install -g yo

D)

npm install -g yeo

Correct Answer : npm install -g yeoman

28 .

While using Backbone.js, which of the following functions is used for binding events?

A)

on

B)

for

C)

set

D)

this

Correct Answer : on

29 .

Which of the following options is the correct syntax of command that is used for installing the Grunt command-line interface globally?

A)

npm install grunt -g -cli

B)

npm install grunt-cli â€”g

C)

npm install -g grunt-cli

D)

npm install -g â€”cli-grunt

Correct Answer : npm install -g grunt-cli

30 .

Which of the following events executed when the model validation failed?

A)

isValid

B)

invalid

C)

validation

D)

validationError

Correct Answer : invalid

31 .

Using the following code example how can you use fetch with sending id?

A)

var Type = Backbone.Model.extend({ url : "" });

B)

var Type = Backbone.Model.extend({ url : "/api/SomeRoute" });

C)

var Type = Backbone.Model.extend({ urlRoot : "/api/SomeRoute" });

D)

None of the above

Correct Answer : var Type = Backbone.Model.extend({ urlRoot : "/api/SomeRoute" });

32 .

How do you we get only the first 20 items in a backbone collection?

A)

first(collection, 20)

B)

first.collection(20)

C)

first.collection[20]

D)

collection.first(20)

Correct Answer : collection.first(20)

33 .

Which of the following code will you use if Defining a root route?

A)

App.Route = Backbone.Router.extend({ route: { '': 'index' }, index: function(){ $(document.body).append("root index route"); } });

B)

App.Router = Backbone.Router.extend({ routes: { '': 'index' }, index: function(){ $(document.body).append("root index route"); } });

C)

App.Router = Backbone.Route.extend({ route: { '': 'index' }, index: function(){ $(document.body).append("root index route"); } });

D)

All of the above

Correct Answer : App.Router = Backbone.Router.extend({ routes: { '': 'index' }, index: function(){ $(document.body).append("root index route"); } });

34 .

In Backbone, ____ provide a way for you to connect URLs (either hash fragments, or real) to parts of your application. Any piece of your application that you want to be bookmarkable, shareable, and back-button-able needs an URL.

A)

routers

B)

events

C)

trigger

D)

templates

Correct Answer : routers

35 .

What is Backbone.sync used for?

A)

When Backbone wants to save or read a view to the server it calls out a function called as Backbone.sync.

B)

When Backbone wants to save or read a event to the server it calls out a function called as Backbone.sync.

C)

When Backbone wants to save or read a model to the server it calls out a function called as Backbone.sync.

D)

All of the above

Correct Answer : When Backbone wants to save or read a model to the server it calls out a function called as Backbone.sync.

36 .

_____ removes all of the view's delegated events. It is useful if you want to disable or remove a view from the DOM temporarily?

A)

events

B)

remove view

C)

delegateEvents

D)

undelegateEvents

Correct Answer : undelegateEvents

37 .

How can you retrieve a set of model from the server and set them to the collection when they arrive?

A)

collection.get()

B)

collection.add()

C)

collection.fetch()

D)

collection.remove()

Correct Answer : collection.fetch()

38 .

In Backbonejs, how can you change templates of a view on the fly?

A)

@company_location= new window.ArtistLocationForm({template: JST["templates/new_company_location"]})

B)

@company_location= new window.ArtistLocationForm({templates: JST["template/new_company_location"]})

C)

render: function(){ var templateFn = this.option.template || this.template; this.$el.html(templateFn(this.model.attributes)); return this; }

D)

render: function(){ var templateFn = this.options.template || this.template; this.$el.html(templateFn(this.model.attributes)); return this; }

Correct Answer : render: function(){ var templateFn = this.options.template || this.template; this.$el.html(templateFn(this.model.attributes)); return this; }

39 .

Which models can be created by extending Backbone?

A)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo11)); var todo = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

B)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo1)); var todo2 = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

C)

var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo11)); var todo = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

D)

All of the above

Correct Answer : var Todo = Backbone.Model.extend({}); var todo1 = new Todo(); console.log(JSON.stringify(todo1)); var todo2 = new Todo({ title: 'Check the attributes of both model instances in the console.', completed: true }); console.log(JSON.stringify(todo2));

40 .

Which of the following are Backbone Model object functions?

A)

omit

B)

key

C)

pick

D)

value

Correct Answer : omit

41 .

While using JavaScript, which of the following string functions is used for extracting a subString from the string that begins at the start position through the specified number of characters?

A)

trim

B)

Split

C)

substr

D)

subString

Correct Answer : subString

42 .

In relation to running QUnit without a browser. which of the following options is the correct command that is entered to the command line for obtaining the PhantomJS Runner plug-in for QUnit?

A)

QUnit phantomjs.runner.js [url-of-your-qunitâ€”testsuite]

B)

phantomjs.runner.js [timeout-in-seconds] [url-of-your-qunit-testsuite]

C)

phantomjs runner.js [urlâ€”ofâ€”your-qunit-testsuite] [timeoutâ€”in-seconds]

D)

QUnit phantomjs runner.js [timeout-in-seconds] [urI-of-your-qunit-testsuite]

Correct Answer : phantomjs.runner.js [timeout-in-seconds] [url-of-your-qunit-testsuite]

43 .

Which of the following options is the correct Unit callback that runs after each assertion and provides the result of the test case (either error or log) along with the message?

A)

QUnit.testDone = function(result, failures, message)[ ];

B)

QUnitJog = function(name, failure, results, message)[ };

C)

QUnitJog = function(results, message)[ ];

D)

QUnit.testDone = function(name, failures, message)[ }:

Correct Answer : QUnitJog = function(results, message)[ ];

44 .

In relation to Jasmine-jOuery matchers. which of the following options is the correct syntax of the matcher that is used for checking if an event was triggered on the element?

A)

to Have Been triggered

B)

to Have Been Triggered( event)

C)

to Have Been Triggered( name. event)

D)

to Have Been Triggered( event, handler)

Correct Answer : to Have Been Triggered( event, handler)

45 .

In relation to the attribute changes in Backbonejs models, which of the following Options is used for providing a global change handler that is used for responding to any attribute changing in the model?

A)

on('change',)

B)

on('change', )

C)

on('function','change')

D)

on('function', 'change', )

Correct Answer : on('change',)

46 .

Which of the following options is NOT a CollectionView Life-Cycle Event callback?

A)

on Close

B)

on Render

C)

on Before Render

D)

on Before item Added

Correct Answer : on Close

47 .

Which of the following Backbonejs collection methods is used for adding a model at the beginning of a collection?

A)

collection.at(begin. model)

B)

collection.unshift(model. [options])

C)

collection.push(model, [options])

D)

collection.get(id. model, [options])

Correct Answer : collection.unshift(model. [options])

48 .

In relation to Jasmine-jQuery matchers, which of the following arguments is passed to the toContain matcher that is used for checking the internals of an element for the presence of other elements?

A)

string

B)

name

C)

class Name

D)

jQuery Selector

Correct Answer : jQuery Selector

49 .

While using Backbonejs, which of the following syntaxes is used for extending any basic objects with the Backbone event capability?

A)

_.extend(route. Backbone.Events);

B)

var object = {j;

_.extend(object. route. Backbone.Events);

var object = {};

C)

_.extend(Backbone.Events);

var object = {};

D)

_.extend(object, Backbone.Events);

var object = {};

Correct Answer :

_.extend(Backbone.Events);

var object = {};

50 .

Which of the following options is used for setting a new set of events and handlers for the View and removing the previous events?

A)

events

B)

setElement()

C)

delegateEvents()

D)

undelegateEvents()

Correct Answer : delegateEvents()

51 .

Which of the following options is the correct syntax of QUnit Assertions named deequual that is used for performing a deep recursive comparison assertion working on all primitive types such as arrays,objects and dates, etc.?

A)

deequual(actual, expected)

B)

deequual(actual. expected. message)

C)

deequuallactual, expected. condition)

D)

deequual(actual. expected. condition. message)

Correct Answer : deequual(actual, expected)

52 .

In relation to Marionette, which of the following CollectionView Life-chle Event callback is used for allowing custom code to be added to manipulate the view's el further?

A)

on Render

B)

on Before Render

C)

on Before item Added

D)

None of the Above

Correct Answer : on Render

53 .

While installing Backbone.js. which of the following options is required to be included for older internet explorer support?

A)

Node.js

B)

json2.js

C)

Angularjs

D)

Underscore.js

Correct Answer : json2.js

54 .

Suppose you defined a new View named ExampIeView using Backbone.js. Which of the following commands is used for creating a new instance named myViewExample of this View?

A)

var myViewExample = new ExampleView();

B)

var myViewExample =View ExampleView();

C)

myViewExample = new View ExampleView();

D)

myViewExampIe = new ExampleView();

Correct Answer : myViewExampIe = new ExampleView();

55 .

You can limit number of models in Collection using the following code?

A)

var myCollection = new Collection(); myCollection.url = this.model.url() + '/feed'; myCollection.fetch();

B)

var myCollection = new Collection(); myCollection.url = this.model.url() + '/slient'; myCollection.fetch();

C)

var myCollection = Backbone.Collection.extend({ parse: function(response) { return response.slice(0,20); } });

D)

All of the above

Correct Answer : var myCollection = Backbone.Collection.extend({ parse: function(response) { return response.slice(0,20); } });

56 .

Which of the following configuration options are available in Backbone.js

A)

boundAttribute

B)

modelSetOptions

C)

InitialCopyDirection

D)

All of the above

Correct Answer : All of the above

57 .

Thorax provides an extended event _____ to simplify binding of common events from models and collections?

A)

Key

B)

Hash

C)

Listener

D)

Dispatch

Correct Answer : Hash

58 .

Trigger callbacks for the given event, or space-delimited list of events. Subsequent arguments to ___ will be passed along to the event callbacks?

A)

trigger

B)

once

C)

listen To

D)

stop listening

Correct Answer : trigger

59 .

Which of the following Collection methods is an equivalent to instantiating a model with a hash of attributes?

A)

init

B)

new

C)

create

D)

initiate

Correct Answer : create

60 .

Rather than adding or removing models individually, you might want to update an entire collection at once. ___ takes an array of models and performs the necessary add, remove, and change operations required to update the collection?

A)

correct

B)

idAttribute

C)

Collection.set()

D)

Collection.add()

Correct Answer : Collection.set()

61 .

Which of the following styles of variables is using Backbone in routers?

A)

*splats

B)

#hashes

C)

Both (A) and (B)

D)

:params

Correct Answer : :params

62 .

Backbone offers an opt-in for HTML5 pushState support?

A)

Backbone.pushState State

B)

window.history.push State

C)

Backbone .history.push State

D)

Backbone. window.push State

Correct Answer : window.history.push State

63 .

The default sync handler maps CRUD to REST?

A)

ead => GET /collection[/id]

B)

create => POST /collection

C)

update => PUT /collection/id

D)

All of the above

Correct Answer : All of the above

64 .

What are the default Backbone.Sync handlers?

A)

create, update, patch, delete, read

B)

create, update, delete, get

C)

create,update,delete, read

D)

create, update, trigger, delete, read

Correct Answer : create, update, patch, delete, read

65 .

Backbone.sync, transforms the __ and __ operations into HTTP requests?

A)

Load(), save()

B)

Read(), save()

C)

Fetch(), save()

D)

Send(), save()

Correct Answer : Fetch(), save()

66 .

Which of the following method is enables History API?

A)

Backbone.history.init();

B)

Backbone.history.create();

C)

Backbone.history.start();

D)

Backbone.history.enable();

Correct Answer : Backbone.history.start();

67 .

A Backbone view to a different DOM element, use __, which will also create the cached $el reference and move the view's delegated events from the old element to the new one?

A)

render

B)

setElement

C)

attributes

D)

template

Correct Answer : setElement

68 .

How can a set of models be retrieved from the server and into the collection when they arrive?

A)

collection.get()

B)

collection.fetch()

C)

collection.getJSON(url)

D)

collection.retrive()

Correct Answer : collection.retrive()

69 .

How can an event be binded to an object?

A)

object.listen(event,callback)

B)

object.on(event, callback)

C)

object.trigger(event,callback)

D)

object.addListener(event,callback)

Correct Answer : object.on(event, callback)

70 .

Which code can you use for the deleteLists?

A)

deleteList: function() { if (confirm(delete a list?')) { bTask.views.activeListMenuItem.model.destroy(); } return false; }

B)

deleteList: function() { if (confirm(delete a list?')) { bTask.models.activeListMenuItem.model.destroy(); } return false; }

C)

deleteList: function() { if (confirm(delete a list?')) { bTask.views.activeListMenuItem.model.removeAll(); } return false; }

D)

None of the above

Correct Answer : deleteList: function() { if (confirm(delete a list?')) { bTask.views.activeListMenuItem.model.destroy(); } return false; }