Angular фреймворк Ця стаття про Angular Про AngularJS 1 x див AngularJS Angular зазвичай так називають фреймворк Angular

Ця стаття про Angular. Про AngularJS 1.x див. AngularJS.

Angular (зазвичай так називають фреймворк Angular 2 або Angular 2+, тобто вищі версії) — написаний на TypeScript front-end фреймворк з відкритим кодом, який розробляється під керівництвом Angular Team [ 18 серпня 2021 у Wayback Machine.] у компанії Google, а також спільнотою приватних розробників та корпорацій. Angular — це AngularJS, який був переосмислений та перероблений тією ж командою розробників.

Angular
Тип	бібліотека JavaScript, Односторінковий застосунок
Розробник	Google та спільнота.
Перший випуск	14 вересня, 2016; 7 років тому (2016-09-14)
Стабільний випуск	13.0.0 (3 листопада, 2021; 23 місяці тому (2021-11-03))
Операційна система	Мультиплатформний
Мова програмування	TypeScript
Стан розробки	Активний
Ліцензія	MIT License
Репозиторій	github.com/angular/angular
Вебсайт	angular.io
Angular у Вікісховищі

Історія ред.

Назва ред.

Спочатку переписаний AngularJS отримав назву Angular 2 від команди розробників, яка над ним працювала, але це призвело до плутанини серед інших розробників. Аби пояснити різницю між ними та наголосити, що це окремі проекти, команда вирішила для фреймворків версій 1.X застосовувати назву AngularJS, а для версій, починаючи з 2.0, — Angular без JS.

Основні відмінності між Angular та AngularJS ред.

Архітектура додатка на Angular. Основними елементами в розробці є модулі, компоненти, шаблони, метадані, біндінг даних, директиви, сервіси та ін'єкції залежностей.

Як згадано вище, Angular — це ретельно переписаний AngularJS.

Додано Angular CLI, що дає змогу розпочати створення нового додатка, просто написавши команду ng new [app name]
Angular не використовує концепцію "області видимості" або контролерів, натомість як головну архітектурну концепцію він застосовує ієрархію компонентів
Angular має інакший синтаксис написання виразів, застосовуючи "[ ]" для біндінгу даних властивостей, і "( )" для біндінгу даних івентів
Модульність – значна частина основного функціоналу перенесена у модулі
Angular рекомендує та застосовує розроблену Microsoft мову — TypeScript, що містить такі можливості, як:
- Класи, а отже Об'єктно-орієнтоване програмування
- Система типізації
- Узагальнене програмування
TypeScript — надмножина ECMAScript 6 (ES6), і є зворотно сумісним зі стандартом ECMAScript 5 ^{(тобто JavaScript)}.

Angular також має такі ES6-можливості, як:

Анонімні функції
Ітератори
Цикли типу For/Of
Python-подібні генератори
Рефлексія

Динамічне завантаження
Асинхронна компіляція шаблонів
Заміна контролерів та $scope^{(області видимості)} компонентами та директивами – компонент є директивою з шаблоном
Ітеративні колбеки завдяки використанню RxJS [ 17 травня 2021 у Wayback Machine.]. RxJS дещо обмежує видимість станів та можливості дебагінгу, але, застосовуючи такі плагіни, як ngReact [ 18 серпня 2021 у Wayback Machine.] та ngrx [ 18 серпня 2021 у Wayback Machine.], це легко вирішується.

Майбутні версії ред.

Починаючи з 9 версії Angular всі нові програми використовують компілятор Ivy [ 18 серпня 2021 у Wayback Machine.]. Тож команда Angular працюватиме над покращенням цього компілятора, що в свою чергу має призвести до зменшення загального розміру пакунка. Очікується, що кожна наступна версія буде зворотно сумісною з попередньою. Google також обіцяє публікувати оновлення двічі на рік.

Статистика користування Angular ред.

Angular з кожним роком зростає у популярності. Станом на серпень 2020, кожного дня завантажується близько 1,5 мільйонів Angular/core, та подвоюється кожен рік.

Стистика завантажень Angular за останні 5 років.

Технологія Angular використовується у вебдодатках таких компаній:

Google (Gmail, Google Play, Google Translate, Google Ads, Youtube);
PayPay^[en];
Upwork;
Expedia Group^[en]
Lego;
Adidas.

На ринку програмних фреймворків Angular займає 2 позицію після ASP.NET, що займають 9,18% та 44,9% відповідно.

Див. також ред.

Official website [ 15 листопада 2019 у Wayback Machine.]
Archived website (Angular 2) [ 27 березня 2022 у Wayback Machine.]
Angular User Registration and Login Tutorial [ 30 січня 2018 у Wayback Machine.]

Джерела ред.

. blogspot.com. 14 вересня 2016. Архів оригіналу за 12 березня 2017. Процитовано 28 січня 2018.
. GitHub. Архів оригіналу за 22 травня 2020. Процитовано 16 серпня 2020.
. Архів оригіналу за 9 січня 2018. Процитовано 28 січня 2018.
. GitHub. Архів оригіналу за 24 жовтня 2017. Процитовано 28 січня 2018.
. gorrion.io. 19 вересня 2017. Архів оригіналу за 5 березня 2020. Процитовано 28 січня 2018.
. www.npmtrends.com (англ.). Архів оригіналу за 16 січня 2021. Процитовано 16 серпня 2020.
. Stay on top with the latest tech trends (англ.). 27 липня 2020. Архів оригіналу за 9 серпня 2020. Процитовано 16 серпня 2020.
Top 5 products in the Software Frameworks market. enlyft.com (англ.). Процитовано 16 серпня 2020.

[1] . blogspot.com. 14 вересня 2016. Архів оригіналу за 12 березня 2017. Процитовано 28 січня 2018.

[2] . GitHub. Архів оригіналу за 22 травня 2020. Процитовано 16 серпня 2020.

[3] . Архів оригіналу за 9 січня 2018. Процитовано 28 січня 2018.

[4] . GitHub. Архів оригіналу за 24 жовтня 2017. Процитовано 28 січня 2018.

[5] . gorrion.io. 19 вересня 2017. Архів оригіналу за 5 березня 2020. Процитовано 28 січня 2018.

[6] . www.npmtrends.com (англ.). Архів оригіналу за 16 січня 2021. Процитовано 16 серпня 2020.

[7] . Stay on top with the latest tech trends (англ.). 27 липня 2020. Архів оригіналу за 9 серпня 2020. Процитовано 16 серпня 2020.

[8] Top 5 products in the Software Frameworks market. enlyft.com (англ.). Процитовано 16 серпня 2020.