Що таке AngularJS?
AngularJS - це фреймворк Model-View-Controller з відкритим кодом, подібний до фреймворку JavaScript.
Angular JS - це, мабуть, одна з найпопулярніших сучасних веб-платформ, доступних сьогодні. Цей фреймворк використовується для розробки переважно односторінкових додатків. Цей фреймворк був розроблений групою розробників із Google.
Завдяки широкій підтримці Google та ідеям широкого форуму спільноти, рамки постійно оновлюються. Крім того, він завжди включає останні тенденції розвитку на ринку.
У цьому підручнику ви дізнаєтесь-
- Особливості AngularJS
- Архітектура Angularjs
- Переваги AngularJS
Особливості AngularJS
Angular має наступні ключові особливості, що робить його одним із потужних фреймворків на ринку.
-
MVC - Фреймворк побудований на відомій концепції MVC (Model-View-Controller). Це шаблон дизайну, що використовується у всіх сучасних веб-додатках. Цей шаблон базується на розділенні рівня бізнес-логіки, рівня даних та рівня презентації на окремі розділи. Поділ на різні секції здійснюється для того, щоб кожним з них можна було керувати легше.
-
Прив'язка моделі даних - Вам не потрібно писати спеціальний код для прив'язки даних до елементів керування HTML. Це може зробити Angular, просто додавши кілька фрагментів коду.
-
Написання менше коду - При виконанні маніпуляцій з DOM для написання будь-якої програми потрібно було написати багато JavaScript. Але з Angular ви будете вражені меншою кількістю коду, який вам потрібно написати для маніпуляцій DOM.
-
Готові до модульного тестування - Дизайнери Google не тільки розробили Angular, але також розробили тестову структуру під назвою "Karma", яка допомагає у розробці модульних тестів для додатків AngularJS.
Архітектура AngularJS
Angular.js слідує архітектурі MVC, схемі рамки MVC, як показано нижче.
-
Контролер представляє рівень, який має бізнес-логіку. Події користувача запускають функції, які зберігаються у вашому контролері. Події користувача є частиною контролера.
-
Представлення використовуються для представлення рівня презентації, який надається кінцевим користувачам
-
Моделі використовуються для представлення ваших даних. Дані у вашій моделі можуть бути такими простими, як просто примітивні оголошення. Наприклад, якщо ви підтримуєте студентську заявку, ваша модель даних може мати лише ідентифікатор студента та ім’я. Або він також може бути складним, маючи структуровану модель даних. Якщо ви підтримуєте заявку на право власності на автомобіль, ви можете мати структури, що визначають сам транспортний засіб з точки зору його потужності двигуна, місткості тощо
Переваги AngularJS
-
Оскільки це фреймворк з відкритим кодом, ви можете очікувати, що кількість помилок або проблем буде мінімальною.
-
Двостороння прив'язка - Angular.js підтримує синхронізацію даних та рівня презентації. Тепер вам не потрібно писати додатковий код JavaScript, щоб синхронізувати дані у своєму HTML-коді, а згодом - ваші дані. Angular.js автоматично зробить це за вас. Вам просто потрібно вказати, який елемент керування прив’язаний до якої частини вашої моделі.
-
Маршрутизація - Angular може подбати про маршрутизацію, що означає перехід від одного виду до іншого. Це є ключовим принципом односторінкових додатків; де ви можете переходити до різних функціональних можливостей у вашому веб-додатку на основі взаємодії користувача, але при цьому залишатися на одній сторінці.
-
Angular підтримує тестування, як модульне тестування, так і інтеграційне тестування.
-
Він розширює HTML, надаючи власні елементи, які називаються директивами. На високому рівні директиви - це маркери на елементі DOM (наприклад, атрибут, ім'я елемента та коментар або клас CSS), які повідомляють компілятору HTML AngularJS приєднати зазначену поведінку до цього елемента DOM. Ці директиви допомагають розширити функціональність існуючих елементів HTML, щоб надати більше потужності вашому веб-додатку.