AngularJS Tutorial

AngularJS is a JavaScript framework that extends HTML with new attributes called directives. It was released by Google in 2010 and was one of the first popular tools for building single-page applications.

Why Learn AngularJS Today?

Many companies still run older websites and admin panels built with AngularJS. Someone has to fix bugs, add small features and slowly move these apps to newer tools. This tutorial gives you enough knowledge to:

• Read and understand existing AngularJS code
• Fix bugs and make changes safely
• Plan a migration to modern Angular or another framework

A First Look at AngularJS

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p>Hello {{ name }}!</p>
</body>
</html>

(typing "Ayesha" in the box)
Hello Ayesha!

The ng- attributes are AngularJS directives, and {{ }} shows data on the page.

What You Will Learn

• How AngularJS is added to a page, and what ng-app does
• Expressions and the most important directives
• Modules, controllers and $scope
• Filters for formatting data
• Events, forms and validation
• Services such as $http and $timeout

Exercises and Quiz

Each lesson ends with an exercise, and the last lesson is a quiz.

What to Learn Next

Learn modern Angular, the supported successor. Make sure your JavaScript is strong, since it helps with any framework.