What is AngularJS?Architecture AND Features

What is AngularJS?
AngularJS is an open source Model-View-Controller framework which resembles the JavaScript structure.
Angular JS is probably one of the most popular modern day web frameworks available today.This framework is used for developing mostly Single Page applications.This framework has been developed by a group of developers from Google itself.
In light of the sheer help of Google and thoughts from a wide network forum,the system is constantly kept up to date.Also,it consistently fuses the most recent improvement drifts in the market.
In this tutorial,You will learn :
AngularJS Features
Angularjs Architecture
AngularJs Advantages
AngularJs Features
Angular has the accompanying key highlights which makes it one of the incredible systems in the market.
1)MVC - The framework is built on the famous concept of MVC (Model-View-Controller).This is a design pattern used in all modern day web applications. This example depends on parting the business rationale layer,the information layer,and introduction layer into independent sections.The division into various areas is done as such that every one could be overseen all the more effectively.
2)Data Model Binding -You do not need to write special code to bind data to the HTML controls.
This should be conceivable by Angular by just including two or three bits of code.
3) Composing less code - When doing DOM control a great deal of JavaScript was required to be composed to structure any application. In any case, with Angular,you will be surprised with the lesser proportion of code you need to form for DOM control.
4) Unit Testing arranged - The modelers at Google made Angular just as developed a testing framework called "Karma" which helpers in arranging unit tests for AngularJS applications.
AngularJS Architecture
Angular.js follows the MVC architecture,the daigram of the MVC framework as shown below.
Angularjs Architecture Diagram
Controller-->View-->Model

* The Controller addresses the layer that has the business logic.User events trigger the limits which are stores inside your controller.The customer events are a bit of the controller.
*Points of view are used to address the acquaintance layer which is given with the end customers.
* Model are used to represent your data’s.The data in your model can be as simple as just having primitive declarations. For example,if you are keeping up an understudy application,your information model could simply have an understudy id and a name.Or it can likewise be mind boggling by having an organized information model.If you are keeping up a vehicle possession application,you can have structures to characterize the vehicle itself as far as its motor capacity,seating limit, and so forth
AngularJS Advantages
* Since it is an open source framework,you can expect the number of errors or issues to be minimal.
* Two-way binding -Angular.js keeps the data and presentation layer in sync.Now you do not need to write additional javaScript code to keep the data and presentation layer in sync.Now you do not need to write additional Javascript code to keep the data in your HTML code and your data later in sync.Angular.js will automatically do this for you. You simply need to indicate which control is bound to which part of your model.
Model--> Page
* Routing -Angular can take care of routing which means moving from one view to another. This is the Key major of single page applications;wherein you can move to various functionalities in your web application dependent on client collaboration yet at the same time remain in agreement.
* Precise backings testing,both Unit Testing, and Integration Testing.
* It expands HTML by giving its own components called directives.At a high level,directives are markers on a DOM component, (for example, an attribute,element name, and remark or CSS class) that reveal to AngularJS's HTML compiler to append a predetermined conduct to that DOM component. These mandates help in broadening the usefulness of existing HTML components to give more capacity to your web application.
AngularJS Hello World Application :Your First Example Program
The most ideal approach to see the intensity of an AngularJS Application is to make your first essential program "Hi World" application in Angular.JS.
There are many integrated development environments you can use for AngularJS development,some of the popular ones are mentioned below.On our example,we are using webstorm as our IDE.
1)Webstorm
2)Sublime Text
3)AngularJS Eclipse
4)Visual Studio.