AngularJS
Тип	фреймворк, библиотека JavaScript и библиотека функций
Разработчик	Google
Написана на	JavaScript[1]
Первый выпуск	20 октября 2010
Аппаратная платформа	Web-платформа
Последняя версия	1.8.3 (7 апреля 2022)[2][3]
Репозиторий	github.com/angular/angul…
Лицензия	лицензия MIT[4][5]
Сайт	angularjs.org (англ.)
Медиафайлы на Викискладе

AngularJS — JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений^[6]. Его цель — расширение браузерных приложений на основе MVC-шаблона, а также упрощение тестирования и разработки.

Фреймворк работает с HTML, содержащим дополнительные пользовательские атрибуты, которые описываются директивами, и связывает ввод или вывод области страницы с моделью, представляющей собой обычные переменные JavaScript. Значения этих переменных задаются вручную или извлекаются из статических или динамических JSON-данных.

AngularJS разработан в 2009 году Мишко Хевери и Адамом Абронсом в Brat Tech LLC как программное обеспечение позади сервиса хранения JSON-данных, измеряющихся мегабайтами, для облегчения разработки корпоративных приложений. Сервис располагался на домене «GetAngular.com» и имел нескольких зарегистрированных пользователей, прежде чем они решили отказаться от идеи бизнеса и выпустить Angular как библиотеку с открытым исходным кодом.

Абронс покинул проект, но Хевери, работающий в Google, продолжил развивать и поддерживать библиотеку с другими сотрудниками Google Игорем Минаром и Войта Джином.

В марте 2014 было объявлено о начале разработки AngularJS 2.0^[7]. Новая версия писалась с нуля на TypeScript и очень сильно отличалась от предыдущей, поэтому позже было решено развивать её как отдельный фреймворк с названием Angular. Angular 2 был выпущен 15 сентября 2016 года^[8], тогда как первая версия продолжила развиваться отдельно как AngularJS.

В апреле 2022 с выпуском последней версии 1.8.3 поддержка AngularJS была официально прекращена.^[9]

AngularJS спроектирован с убеждением, что декларативное программирование лучше всего подходит для построения пользовательских интерфейсов и описания программных компонентов^[10], в то время как императивное программирование отлично подходит для описания бизнес-логики^[11]. Фреймворк адаптирует и расширяет традиционный HTML, чтобы обеспечить двустороннюю привязку данных для динамического контента, что позволяет автоматически синхронизировать модель и представление. В результате AngularJS уменьшает роль DOM-манипуляций и улучшает тестируемость.

• Отделение DOM-манипуляции от логики приложения, что улучшает тестируемость кода.
• Отношение к тестированию как к важной части разработки. Сложность тестирования напрямую зависит от структурированности кода.^[12][13]
• Разделение клиентской и серверной стороны, что позволяет вести разработку параллельно.
• Проведение разработчика через весь путь создания приложения: от проектирования пользовательского интерфейса, через написание бизнес-логики, к тестированию.

Angular придерживается MVC-шаблона проектирования и поощряет слабую связь между представлением, данными и логикой компонентов. Используя внедрение зависимости, Angular переносит на клиентскую сторону такие классические серверные службы, как видозависимые контроллеры. Следовательно, уменьшается нагрузка на сервер и веб-приложение становится легче.

С помощью директив AngularJS можно создавать пользовательские HTML-теги и атрибуты, чтобы добавить поведение некоторым элементам.^[14]

ng-app

Объявляет элемент корневым для приложения.^[15]

ng-bind

Автоматически заменяет текст HTML-элемента на значение переданного выражения.

ng-model

То же, что и ng-bind, только обеспечивает двустороннее связывание данных.^[16] Изменится содержимое элемента — ангуляр изменит и значение модели. Изменится значение модели — ангуляр изменит текст внутри элемента.

ng-class

Определяет классы для динамической загрузки.

ng-controller

Определяет JavaScript-контроллер для вычисления HTML-выражений в соответствии с MVC.^[17]

ng-repeat

Создает экземпляр DOM для каждого элемента из коллекции.^[18]

ng-show и ng-hide

Показывает или скрывает элемент, в зависимости от значения логического выражения.

ng-switch

Создаёт экземпляр шаблона из множества вариантов, в зависимости от значения выражения.

ng-view

Базовая директива, отвечает за обработку маршрутов^[19], которые принимают JSON перед отображением шаблонов, управляемых указанными контроллерами.

ng-if

Удаляет или создаёт часть DOM-дерева в зависимости от значения выражения. Если значение выражения, назначенного ngIf, равно false, элемент удаляется из DOM, иначе — вновь клонированный элемент вставляется в DOM.^[20]

Также существует возможность создавать настраиваемые директивы, используя в том числе шаблоны в теге script.^[21][22]

Двустороннее связывание данных в AngularJS является наиболее примечательной особенностью: оно уменьшает количество кода, освобождая сервер от работы с шаблонами. Вместо этого шаблоны отображаются как обычный HTML, наполненный данными, содержащимися в области видимости, определённой в модели. Сервис $scope в Angular следит за изменениями в модели и изменяет раздел HTML-выражения в представлении через контроллер. Кроме того, любые изменения в представлении отражаются в модели. Это позволяет обойти необходимость манипулирования DOM и облегчает инициализацию и прототипирование веб-приложений^[23].

В июле 2012 года команда Angular выпустила плагин для браузера Google Chrome под названием Batarang^[24], который облегчает отладку веб-приложений, построенных на Angular. Расширение позволяет легко обнаруживать узкие места и предлагает графический интерфейс для отладки приложений^[25].

Похожими возможностями обладает Backbone.js — JavaScript-библиотека, основанная на шаблоне проектирования Model-View-Presenter (MVP), предназначена для разработки веб-приложений с поддержкой RESTful JSON интерфейса. Backbone — очень лёгкая библиотека (упакованная и gzip-сжатая по величине ~6.3 Кб), но для работы необходима библиотека Underscore.js, а для поддержки REST API и работы с DOM элементами рекомендуется подключить jQuery-подобную библиотеку: jQuery или Zepto. Backbone.js создан Джереми Ашкенасом, который известен также как создатель CoffeeScript.

Однако, есть и существенные различия:

Связывание данных

Наиболее характерной особенностью, которая разделяет библиотеки, является способ синхронизации модели и представления. В то время как AngularJS поддерживает двустороннее связывание данных, Backbone.js, чтобы связать модель и представление, в значительной мере опирается на шаблонный код^[26].

REST

Backbone.js хорошо поддерживает RESTful-бэкэнд. В AngularJS также очень легко работать с RESTful API при помощи сервиса $resource. В то же время в AngularJS есть более гибкий сервис $http, который подключается к удаленным серверам с помощью браузерного объекта XMLHttpRequest или через JSONP^[27].

Шаблоны

В качестве шаблона AngularJS использует комбинацию настраиваемых HTML-тегов и выражений^[28]. Backbone.js использует различные шаблонизаторы, такие как Underscore.js^[26].

• Angular (фреймворк)
• React
• Vue.js
• MEAN (веб-разработка)

• Холмс С. Стек MEAN. Mongo, Express, Angular, Node. — СПб.: «Питер», 2017. — С. 496. — ISBN 978-5-496-02459-4.

• Фримен А. Angular для профессионалов. — СПб.: «Питер», 2018. — С. 800. — ISBN 978-5-4461-0451-2.

• Дилеман П. Изучаем Angular 2. — СПб.: «ДМК Пресс», 2017. — С. 354. — ISBN 978-5-97060-461-8.
• Brad Green, Shyam Seshadri. AngularJS. — O'Reilly Media, 2013. — 196 p. — ISBN 978-1449344856.
• Lukas Ruebbelke with Brian Ford. AngularJS in Action. — Manning Publications, 2015. — ISBN 9781617291333.

• angularjs.org — официальный сайт AngularJS
• Официальный сайт Angular 2+
• Сайт на русском
• Angularjs at Google Groups
• Angular.JS Team
• AngularJS at Google+
• Batarang Chrome plugin
• Сборник видеоуроков
• Руководство по AngularJS (рус)
• Angular JS2 roadmap

JavaScript
Идеи	Библиотека JavaScript Движок JavaScript Ненавязчивый JavaScript
Компиляторы	asm.js CoffeeScript Dart Emscripten TypeScript
Движки	Chakra[англ.] Nashorn Futhark/Carakan Rhino SpiderMonkey SquirrelFish V8
Библиотеки и фреймворки	Angular/AngularJS Babylon.js Backbone.js Dojo Ember.js Ext JS Jest[англ.] jQuery jQuery Mobile JQuery UI JsSIP Knockout.js Meteor Mocha MooTools Prototype React Redux script.aculo.us Socket.IO Svelte[англ.] Three.js Underscore Vue.js Yahoo! UI Library
Редакторы	Aptana Studio Atom Eclipse NetBeans Sublime Text WebStorm Vim Visual Studio Visual Studio Code
Инструменты	Deno Electron Firebug Internet Explorer Developer Tools JSDoc JSHint JSLint Node.js npm Opera Dragonfly QUnit Venkman webpack yarn[англ.]
Связанные технологии	AJAX DHTML DOM HTML5 JSON WebAssembly XMLHttpRequest
Люди	Брендан Эйх Джереми Ашкенас Джон Резиг Дуглас Крокфорд Райан Даль
Категория

ECMAScript
Диалекты	ActionScript Caja[англ.] JavaScript (движки) JScript Objective-J QtScript WMLScript
Движки[англ.] (сравнение[англ.])	Carakan Futhark InScript[англ.] JavaScriptCore SquirrelFish JScript KJS[англ.] Linear B Narcissus[англ.] QtScript Rhino YAJI SpiderMonkey TraceMonkey JägerMonkey Tamarin V8 ChakraCore[англ.] (Chakra[англ.]) Nashorn
Фреймворки, библиотеки	JavaScript (сравнение[англ.]) Client-side Dojo Echo[англ.] Ext JS Google Web Toolkit jQuery Lively Kernel[англ.] midori[англ.] MochiKit[англ.] MooTools Prototype Pyjs[англ.] qooxdoo Rialto[англ.] Rico script.aculo.us SmartClient SproutCore Spry YUI Library Server-side AppJet[англ.] Jaxer Node.js Библиотеки (список[англ.]) SWFObject[англ.] SWFAddress[англ.] ActionScript PureMVC[англ.] Множественные реализации Cappuccino JavaScript Objective-J
Люди	Брендан Эйх Дуглас Крокфорд Джон Резиг
Другое	DHTML Ecma International JSDoc JSLint JSON JSSS Sputnik[англ.] SunSpider CommonJS[англ.]

Свободное и открытое программное обеспечение Google
Программное обеспечение	Приложения Chromium OpenRefine Tesseract Языки программирования Carbon Dart Go Sawzall Фреймворки и инструменты разработки AMP Angular AngularJS Beam Bazel Блокли Closure Tools Cpplint FlatBuffers Flutter Gears Gerrit Guava gRPC Gson Guetzli Guice gVisor Kubernetes LevelDB libvpx NaCl OR-Tools Polymer Protocol Buffers TensorFlow Операционные системы AOSP Chromium OS Fuchsia gLinux Goobuntu
Связанное	Code-in Google LLC v. Oracle America, Inc. Open Source Security Foundation Summer of Code