Learn AngularJS

We try to make this AngularJS tutorial simple and short but not too much short haha. This is not an another reference of AngularJS, if you need one please check out our AngularJS reference

To go through this tutorial, it will be great if you have understanding of html, css and javascript.

We try to cover all components of AngularJS. We use images, diagrams & live examples to elaborate things better. With all that we have separate reference & example section so with the help of that you can polish your AngularJS skills.

Index Of Tutorial

Angularjs Overview

Each chapter has “Code Ground” Section

Code Ground has live example like one is below. You can see the output in “see in action” section. You can also edit the source and see reflection in output section.

See in Action

Source Code

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>