Most Popular javascript Frameworks


Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

Why do you need Backbone.js?

Building single-page web apps or complicated user interfaces will get extremely difficult by simply using jQuery or MooTools. The problem is standard JavaScript libraries are great at what they do – and without realizing it you can build an entire application without any formal structure. You will with ease turn your application into a nested pile of jQuery callbacks, all tied to concrete DOM elements.
I shouldn’t need to explain why building something without any structure is a bad idea. Of course you can always invent your own way of structuring your application but you miss out on the benefits of the open source community.

Why single page applications are the future

Backbone.js enforces that communication to the server should be done entirely through a RESTful API. The web is currently trending such that all data/content will be exposed through an API. This is because the browser is no longer the only client, we now have mobile devices, tablet devices, Google Goggles and electronic fridges etc.

So how does Backbone.js help?

Backbone is an incredibly small library for the amount of functionality and structure it gives you. It is essentially MVC for the client and allows you to make your code modular. If you read through some of the beginner tutorials the benefits will soon become self evident and due to Backbone.js light nature you can incrementally include it in any current or future projects.

Browserscope ( Operations per second)

Chorme 32.0.1700 => 692
Chorme 24.0.1312 => 632
Firefox 27.0 => 80
Firefox 26.0 -> 497

Reference Link :

Backbone Tutorials

Backbone Videos

CI Link


What HTML would have been had it been designed for web apps

Why AngularJS?

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.


Other frameworks deal with HTML’s shortcomings by either abstracting away HTML, CSS, and/or JavaScript or by providing an imperative way for manipulating the DOM. Neither of these address the root problem that HTML was not designed for dynamic views.


AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs. Read on to find out how.

Browserscope ( Operations per second)

Chorme 32.0.1700 => 30
Chorme 24.0.1312 => 30
Firefox 27.0 => 4
Firefox 26.0 -> 22

Reference Link

Angular Tutorials

Angular Videos

CI Link


Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.
Write dramatically less code with Ember’s Handlebars integrated templates that update automatically when the underlying data changes.
Don’t waste time making trivial choices. Ember.js incorporates common idioms so you can focus on what makes your app special, not reinventing the wheel.
Ember.js is built for productivity. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.

Browserscope ( Operations per second)

Chorme 32.0.1700 => 91
Chorme 24.0.1312 => 55
Firefox 27.0 => 6
Firefox 26.0 -> 47

Reference Link

Ember Tutorials

Ember Videos


Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern

Declarative Bindings

Easily associate DOM elements with model data using a concise, readable syntax

Automatic UI Refresh

When your data model’s state changes, your UI updates automatically

Dependency Tracking

Implicitly set up chains of relationships between model data, to transform and combine it


Quickly generate sophisticated, nested UIs as a function of your model data

Browserscope ( Operations per second)

Chorme 32.0.1700 => 78
Chorme 24.0.1312 => 78
Firefox 27.0 => 8
Firefox 26.0 -> 65

Reference Link

Knockout Tutorials => Ember Videos