AngularJS Tutorial


Angular

AngularJS extends HTML with new attributes

AngularJS is perfect for SPAs (Single Page Applications)

AngularJS is easy to learn

Learn AngularJS now!


This Tutorial

This tutorial is specially designed to help you learn AngularJS as quickly and efficiently as possible.

You will learn all the basics of AngularJS: directives, expressions, templates, and data binding.

And you will learn everything else you need to know about AngularJS:

Controllers, Modules, Events, DOM, Forms, Input, Validation, Http, and much more.


Try it Yourself Examples in Every Chapter

In every chapter, you can edit the examples online, and click on a button to view the result.

AngularJS Example

<!DOCTYPE html>
<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>

<div ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>

</body>
</html>

Try it Yourself »


What You Should Already Know

Before you study AngularJS, you should have a basic understanding of:

  • HTML
  • CSS
  • JavaScript

AngularJS History

AngularJS is quite new. Version 1.0 was released in 2012.

Miško Hevery, a Google employee, started to work on AngularJS in 2009.

The idea turned out very good, and the project is now officially backed by a Google development team.


AngularJS Examples

This tutorial contains lots of AngularJS examples!

AngularJS Examples


AngularJS References

The references contain all directives and filters used in this tutorial.

AngularJS Reference




Color Picker

colorpicker