Basic Fundamentals of AngularJS

In this article we will understand the basic fundamentals of AngularJS.

What is AngularJS?

  • Angular is JavaScript library.
  • It is a MV* framework, where MV * means:

M- Model : where you store data and state of application.

V- View   :  which actually renders to user the information they want to see.

* : Controller /Presenter/View-model

Features of AngularJS 

  • It is an open source library.
  • It is comprehensive which means it handles AJAX communication with your server so that you can send and receive data from back-end.This data is stored as plain JavaScript object.
  • It supports two way binding, which  means that the user input from fields is instantly updated in angular models.
  • AngularJS also employees technique called Dirty Checking which means that you don’t have to put data in special structures and call getter and setter methods to read and write to your data . You can simply put data in plain old JavaScript object and Angular will respond  whenever your data changes and update your view.
  • AngularJS is built on Dependency Injection.This lets you encapsulate pieces of your application better and also improves test ability.
  • AngularJS also handles routing for moving from one view to another .This is the key piece in building Single Page Application or SPA.
  • AngularJS not only supports unit test but also integrates end to end testing.

Directives :

AngularJS extends HTML by providing its own elements and properties called Directives.These are used to interact with your HTML DOM. It teaches your HTML new tricks.It is an extended HTML vocabulary.

Angular Components:

Everything starts with controller, it is a central player.screenshot-from-2016-09-17-011954

Continue reading “Basic Fundamentals of AngularJS”