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), предназначена для разработки веб-приложений с поддержкойRESTfulJSON интерфейса. 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

• Программное обеспечение по алфавиту
• Программное обеспечение, разработанное в 2010 году
• Веб-фреймворки на JavaScript
• Фреймворки
• AJAX
• Программное обеспечение с лицензией MIT
• Свободное программное обеспечение Google
• Свободное кроссплатформенное программное обеспечение

• Википедия:Cite web (не указан язык)
• Википедия:Cite web (заменить webcitation-архив: deadlink no)
• Википедия:Cite web (заменить webcitation-архив: deadlink yes)
• Википедия:Статьи с источниками из Викиданных
• ПРО:ИТ:Статьи по алфавиту
• ПРО:ИТ:Последняя правка: в прошлом году
• Страницы, использующие волшебные ссылки ISBN