AngularJS Superhero of Single-Page Application (SPA)

AngularJS is the Superheroic JavaScript MVW Framework for enhancing HTML for Web Apps.


Today's Web Apps are not that Simple, they should offer more-native-app-like experience to the user. The Web Application should not reload the whole page whenever a user request something. First we have to familiar ourself with the concept of Single page application.

A single-page application (SPA), is a web application that fits on a single web page with the goal of providing a more fluid user experience similar to a desktop application. In a SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load, or the appropriate resources are dynamically loaded with technologies like AJAX and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process, nor does control transfer to another page. Interaction with the single page application often involves dynamic communication with the web server behind the scenes.

Now, how angularJS fits itself into Single Page Application concept.

AngularJS also known as angular is an Open Source Web Application Framework maintained by Google. It helps in creating rich Internet Applications which are easy to maintain and test. Angular works by first reading the HTML page, which has embedded into it additional custom tag attributes. Those attributes are interpreted as directives telling Angular to bind input or output parts of the page to a model that is represented by standard JavaScript variables. The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.

HTML was not designed for dynamic views, but it is great for declaring static documents. Angular helps to extend HTML and gives behaviour to HTML which helps in declaring dynamic views in web-applications.

In my Future posts I will discuss the features of angular like directives, Controllers, Models, Routes, Factories, services etc. The following picture helps to understand the power of angular.


By @Parbhat Puri in
Tags : #Javascript, #angularjs, #2015, #Programming,

Comments !