Introduction of AngularJS

Introduction of AngularJS

Introduction of AngularJS

The tutorial Introduction of AngularJS is specially designed for those software professionals who want to learn AngularJS and its programming concepts in easy steps. Angular JS is a client-side MVW (Model View Whatever) framework. It is a JavaScript framework and its library is written in JavaScript.


Its version 1.0 was released in 2012. Miško Hevery, a Google employee, started to work with AngularJS in 2009. Later on, this project became very successful and now it is officially supported and maintained by Google.

Main Feature:

The main benefit and feature of Angular JS is this that It Supports Single Page Applications (SPA).

Simply, Single Page Applications (SPA) is a web application or website that loads all the necessary resources to navigate through the whole site on the first page load. So, the AngularJS starts automatically when the web page has loaded.

AngularJS enhances the HTML by including the concepts from various programming languages, both JavaScript and server-side languages and makes HTML the dynamic language too. AngularJS lets us to extend HTML vocabulary with new attributes for web applications or pages. The resulting environment is expressive, readable, and quick to develop. However, AngularJS is still in its development process relative to other JavaScript frameworks but it is lovely to learn it.


Before starting the AngularJS, you should have a basic knowledge of:
• Sufficient knowledge of HTML, CSS
• Basic Model-View-Controller (MVC) concepts
• The Document Object Model (DOM)
• JavaScript functions, events, and error handling

It is distributed as a JavaScript file, and can be added to a web page with a script tag:






Here, in this example, we use Directives ng-model of AngularJS. Directives are a core AngularJS feature. You will use many other directives like ng-repeat, ng-bind etc. You can create your own custom Directives that allow you to extend the vocabulary of the browser, if you are learning AngularJS, you need to have a strong friendship with Directives.

So, our example three Directives. Those are as follows

The ng-app directive tells AngularJS that the element is the “owner” of an AngularJS application.
The ng-model directive binds the value of the input field to the application variable name.
The ng-binddirective binds the innerHTML of theelement to the application variable name.Courtesy: W3Schools

Please, keep visiting out site for Angular JS tutorials.