AngularJS Tutorial

AngularJS Tutorial

AngularJS is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0.


This tutorial is designed for software professionals who want to learn the basics of AngularJS and its programming concepts in simple and easy steps. It describes the components of AngularJS with suitable examples.


You should have a basic understanding of JavaScript and any text editor. As we are going to develop web-based applications using AngularJS, it will be good if you have an understanding of other web technologies such as HTML, CSS, AJAX, etc.

Try AngularJS Online

For most of the examples given in this tutorial you will find Try it option available, so just make use of it to see the output of your code and enjoy your learning.

Try following example using Try it option available at the top right corner of the below sample code box −

<!doctype html>
<html ng-app>
      <script src = ""></script>
         <input type = "text" ng-model = "yourName" placeholder = "Enter a name here">
         <hr />
         <h1>Hello {{yourName}}!</h1>