Communicate Between Controllers

Superheroic JavaScript MVW Framework: AngularJS

AngularJS is what HTML would have been, had it been designed for building web-apps. Declarative templates with data-binding, MVW, MVVM, MVC, dependency injection and great stability story all implemented with pure client-side JavaScript!

What is MVW?

It stands for Model-View-Whatever, it is also known as MV*. Whatever stands for “whatever works for you!”.

History of AngularJS

AngularJS was originally developed at Google in 2009 by Miško Hevery and Adam Abrons as the software behind an online JSON storage service.

Abrons left the project, but Hevery, who works at Google, continues to develop and keep up the library with fellow Google employees Igor Minár and Vojta Jína.

What other alternative MVC frameworks do?

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.

Why AngularJS is better than other frameworks?

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.

Below is the comparison of AngularJS, examined from several different perspectives including community, growth, maturity, size, dependencies, interoperability, inspiration, philosophy, and features.

Community

Angular has most number of GitHub watchers, below image shows number of watchers per project.

Github Watchers
Github Watchers

Growth

Angular has grown rapidly as compared to other MV* frameworks, below image shows growth per project.

Growth
Growth

Maturity

  • AngularJS is now in production at Google but does not have as long a track record as other projects but…
  • Good documentation, getting better
  • Lots of examples
  • Lots of watchers on GitHub

Size with Dependencies

The chart below takes a look at what the average number of dependencies each library requires for the developer to be productive and looks at size including these dependencies.

Web App
Web App
Mobile App
Mobile App

Features

Features AngularJS Backbone CanJS Ember
Observables Y Y Y Y
Routing Y Y Y Y
View bindings Y Y Y
Two way bindings Y Y Y
Partial views Y Y Y
Filtered list views Y Y Y

Reference

AngularJS Org
Choosing a JavaScript MVC Framework

Tutorial

Angular Tutorial

Web/ UI & Front-end developer based in Ahmedabad, GJ, India. Here to help/ discuss community to spread web awareness.

2 comments On Superheroic JavaScript MVW Framework: AngularJS

Leave a reply:

Your email address will not be published.