THE WORLD'S LARGEST WEB DEVELOPER SITE

AngularJS Tutorial


Angular

AngularJS extends HTML with new attributes.

AngularJS is perfect for Single Page Applications (SPAs).

AngularJS is easy to learn.

Start learning AngularJS now!


This Tutorial

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

First, you will learn the basics of AngularJS: directives, expressions, filters, modules, and controllers.

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

Events, DOM, Forms, Input, Validation, Http, and 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 lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</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 version 1.0 was released in 2012.

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

The idea turned out very well, and the project is now officially supported by Google.


AngularJS Examples

W3Schools' AngularJS tutorial contains lots of AngularJS examples!

AngularJS Examples


AngularJS Reference

The AngularJS reference contains all directives and filters used in this tutorial.

AngularJS Reference