Backbone - Interview Questions and Answers

1)

Explain Backbone.js?

Backbone.js is a light weighted Framework based on JavaScript. It is used to develop the client-side applications which run on a web browser. Developing client-side applications in Backbone.js is pretty easy and consumes a lesser amount of time. It supports Model-View-Controller architecture

Model: Model is a part of the code that populates and retrieves the data
View: View is nothing but the HTML representation of this model. If you make any model changes, this will instantly reflect in the View.
Controller: The controller makes you able to save your JavaScript application via an URL.

2) In which language, Backbone.js is written?

The backbone.js is written in JavaScript. It is a JavaScript library that contains a RESTful JSON interface.

3) When and by Whom the Backbone.js was released?

Backbone.js was initially released on October 13, 2010, by Jeremy Ashkenas.

4) Which is the latest stable version of Backbone.js and what is its released date?

The latest stable version of Backbone.js is 1.3.3, and it was released on April 5, 2016.

5) What are the main components of Backbone.js?

Main components of Backbone.js:

Model - It performs various types of action on the data like validation, conversion, computed properties, access control.
View - It specifies how your data looks like.
Collection - It handles the loading and saving of new models to the server.
Router - It is used for routing client-side applications and connecting them to actions and events.
Event class object - It facilitates the objects to bind and trigger the custom events by using the desired name of our choice.

6) Explain the Architecture of Backbone.js

Backbone.js supports Model-View-Controller architecture that allows developers to separate business logic and GUI logic.

Model: It consists of data and the logic of the data retrieval from the server.
View: It consists of the code which is responsible for the end user interface, i.e., the way in which the application is presented to the user.
Controller: It is the main application logic which controls the behavior of the application. It is a part of the code which acts as a bridge between Model and View.

7) When do you require Backbone.js?

Backbone.js is required in following conditions:

When you are developing a web application that requires a lot of JavaScript.
It is required when you want to give structure to your code if your application needs to be scalable.
Backbone is useful when a web application has to work with jQuery to traverse the DOM or give animations.
When model changes and you want to update the HTML application automatically.

8) What is Collection in Backbone.js?

A Collection can be defined as an ordered set of modules. In Backbone.js, there is a collection class which provides some useful methods to deal with the collections. We can extend the collection class to provide some additional functionalities. For example:

 <script type="text/javascript">           //The model 'MyTeam' includes default values and  extended using the Backbone.Model class            var MyTeam = Backbone.Model.extend({               defaults: {                  player: "Dhyanchand",                  country: "India"               },            });               //'MyTeam1' is an instance of the collection            var MyTeam1 = Backbone.Collection.extend({               model: MyTeam  //model 'MyTeam' is specified for a collection by overriding the 'model' property            });               //The collection 'MyTeam1' is instantiated by using new keyword            var myval=new MyTeam1({});               //The JSON.stringify() method returns values of collection in the JSON format            document.write("The values in the collection are: ",JSON.stringify(myval));         </script>   	  

9) Which are the three js files that are required to setup Backbone.js?

Following are the three js files that you require to setup Backbone.js:

jQuery
Backbone
Underscore

10) What is the use of Backbone.js router?

Backbone.js routers are used to route the application's URL to some particular actions and events. At least one route must be present for every defined router. It also defines the URL representation of the application's object when web applications provide linkable, bookmarkable, and sharable URL.

  <script type="text/javascript">            var RouteMenu = Backbone.View.extend({               el: '#routemenu',  //'el' defines which element to be used as the view reference               events: {                  'click a' : 'onClick'               },               onClick: function( e ) {                  router.navigate('/');               }           });           var Router = Backbone.Router.extend({              routes: {                 'route/:id' : 'defaultRoute'              },           });           var routemenu = new RouteMenu();           Backbone.history.start();         </script>   	  

Interview :: Backbone