AngularJS Introduction

AngularJS is a JavaScript Framework to create Single Page Application projects. It basically extends the existing HTML DOM elements and make them more responsive to user actions. It is open source and completely free.

Before learning AngularJS, you should have the basic knowledge of HTML, CSS, JavaScript and any Web Development text editor say Visual Studio or any other.

Some features of AngularJS are as follows:

• It uses JavaScript as the Framework to develop Client-Side Applications.
• AngularJS applications are cross-browser compliant.
• It is free and open source.
• It is Unit Testable.
• Provides reusable components.
• It follows MVC(Model, View, Controller) model.

Few definitions in AngularJS:

• Scope: These are the objects that refer to the model. They act as a bridge between controller and view.
• Controller: These are JavaScript functions that are bound to a particular scope.
• Filters: These selects a subset of items from an array and returns a new array with the selected item.
• Directives: They are markers on DOM elements like elements, attributes, CSS etc. They are used to create custom HTML tags. There are many built-in directives available like ng-app, ng-model, ng-bind etc.

AngularJS main directives:

• ng-app: This directive defines and links an AngularJS application to HTML page.
• ng-model: This directive binds the values of AngularJS application data to HTML input controls.
• ng-bind: This directive binds the AngularJS application data to HTML tags.

For list of other directive, please click here.

Setup the Environment

Download AngularJS from here.