AngularJS
The original 1.x Angular framework -- legacy, superseded by Angular.
LegacyintermediateFull course available
Legacy technology
AngularJS (1.x) is end-of-life and unmaintained. It is not the same framework as modern Angular (2+) -- there is no direct upgrade path, only a rewrite. Learn this only to maintain an existing AngularJS codebase, never for new projects.
Overview
AngularJS (versions 1.x) was Google's original JavaScript MVC framework, popular in the early-to-mid 2010s. It was fully superseded by a ground-up TypeScript rewrite, released simply as 'Angular' (2+) -- a different framework, not a version upgrade path. AngularJS itself reached end-of-life and no longer receives official updates.
- What it is
- The original (1.x) Angular framework, using two-way data binding and directives on plain JavaScript.
- Why it's used
- Historically, for its two-way binding and testability. Today, almost never chosen for new projects.
- Where it fits
- You'll only encounter this maintaining an older codebase. New projects should use Angular (2+), React, or Vue instead -- migrating an AngularJS app forward usually means a rewrite, not an upgrade.
Core concepts
- Two-way data binding (ng-model)
- Directives (ng-if, ng-repeat)
- Controllers and $scope
- Dependency injection
Example
ng-click and {{count}} are AngularJS directives/interpolation living directly in HTML attributes -- a template style that later frameworks (including Angular 2+) moved away from.
<div ng-app ng-init="count = 0">
<button ng-click="count = count + 1">{{count}}</button>
</div>Common use cases
- Maintaining legacy AngularJS applications only
Project ideas
- Identify which parts of an AngularJS app's logic (services, controllers) would map to which parts of a modern framework, as a migration-planning exercise