AngularJS Tutorial

AngularJS is a powerful javascript framework, used for developing Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions.

Angular JS is an open source JavaScript framework that is used to build web applications.

You should have a basic understanding of JavaScript and any text editor. it will be good if you have an understanding of other web technologies such as HTML, CSS, AJAX, etc.

Learn the basics of AngularJS and its programming concepts in simple and easy steps. It describes the components of AngularJS with suitable examples.

Type below input filed:
Hello !   {{ yourName }}

Following are the example of basic angularjs code and structor:

<!doctype html>
<html ng-app>   
      <script src=""></script>
    <div class="form-group">
       <label>Enter Your Name</label>
       <input type="text" class="form-control" ng-model="yourName">
       <h1>Hello ! {{ yourName }}</h1>

Following are the advantages of AngularJS:

  1. Dependency Injection: Dependency Injection specifies a design pattern in which components are given their dependencies instead of hard coding them within the component.
  2. Two way data binding: AngularJS creates a two way data-binding between the select element and the orderProp model. orderProp is then used as the input for the orderBy filter.
  3. Testing: Angular JS is designed in a way that we can test right from the start. So, it is very easy to test any of its components through unit testing and end-to-end testing.
  4. Model View Controller: In Angular JS, it is very easy to develop application in a clean MVC way. You just have to split your application code into MVC components i.e. Model, View and the Controller.
  5. Directives, filters, modules, routes etc.

Learn AngularJS in simple and easy steps starting from basic to advanced concepts with examples including Overview, Environment Setup, MVC Architecture, First Application, Directives, Expressions, Controllers, Filters, Tables, HTML DOM, Modules, Forms, Includes, Ajax, Views, Scopes, Services, Dependency Injection, Custom Directives, Internalization, ToDo Application, Notepad Application, Bootstrap Application, Login Application, Upload File, In-line Application, Nav Menu, Switch Menu, Order Form, Search Tab, Drag Application, Cart Application, Translate Application, Chart Application, Maps Application, Share Application, Weather Application, Timer Application, Leaflet Application, Lastfm Application.