Brief Introduction Of AngularJS

Table of Content

• Introduction
  
  
• Why do we need AngularJS?
  
  1. Two way data bind
  2. Test Driven Development
  3. Unit Testing
  4. Template Data Binding
  5. Separation of concerns
  6. Dependency Injection
  
  
• First Program
  
  
• How it works

Introduction

AngularJS is a JavaScript framework maintained by Google. It is an open-source JavaScript framework. It is completely free. It is used in Single Page Application (SPA) project. Latest version of AngularJS is 2.0 but still it is a beta version. I am not going to cover any feature of 2.0 in this article. AngularJs works on MVW framework. MVW stand for model view whatever.

Why we need Angular


(img src: jeffwhelpley.com)

Before writing the first program in Angular let’s talk about why AngularJS needed. Before Angular, jQuery is popular JavaScript library and jQuery has its own limitations. I am not going to elaborate the difference between jQuery and angular but, yes, I am going to cover some differences.

Two way binding

AnuglarJS supports two way data bind. Two way binding means if you update model then it reflects on view or you can say it updates our DOM element without any refresh.


(img src: docs.angularjs.org)


Test Driven Development

AngularJS supports Test Driven Development (TDD). TDD is an approach where we do test first and then we go for development. The benefit of implementing TDD is our requirement clear to us.


(img src: firebearstudio.com)


Unit Testing

This is a process in which we test the smallest part of our application.


(img src: optimalbi.com)


Template Data Binding

This binding populates the associate DOM element with the result of rendering template.


(img src: docs.angularjs.org)


Separation of concern

According to Wiki: