Учебники

1. Введение

Что такое AngularJS?

AngularJS — это фреймворк Model-View-Controller с открытым исходным кодом, похожий на  фреймворк JavaScript .

Angular JS, пожалуй, одна из самых популярных современных веб-фреймворков, доступных сегодня. Эта структура используется для разработки в основном одностраничных приложений. Эта структура была разработана группой разработчиков из самого Google.

Благодаря чистой поддержке Google и идеям широкого форума сообщества, фреймворк всегда обновляется. Кроме того, он всегда включает в себя последние тенденции развития на рынке.

В этом уроке вы узнаете

Особенности AngularJS

Angular обладает следующими ключевыми характеристиками, что делает его одним из мощных фреймворков на рынке.

  1. MVC — Фреймворк построен на известной концепции MVC (Model-View-Controller). Это шаблон дизайна, используемый во всех современных веб-приложениях. Этот шаблон основан на разделении уровня бизнес-логики, уровня данных и уровня представления на отдельные секции. Деление на различные разделы сделано так, чтобы каждый мог управляться легче.

  2. Привязка модели данных — вам не нужно писать специальный код для привязки данных к элементам управления HTML. Это можно сделать с помощью Angular, просто добавив несколько фрагментов кода.

  3. Написание меньшего количества кода — при выполнении манипуляций с DOM требовалось много JavaScript для разработки любого приложения. Но с Angular вы будете поражены меньшим количеством кода, который вам нужно написать для манипулирования DOM.

  4. Модульное тестирование готово — дизайнеры Google не только разработали Angular, но и разработали среду тестирования под названием «Karma», которая помогает в разработке модульных тестов для приложений AngularJS.

AngularJS Архитектура

Angular.js следует архитектуре MVC, схеме MVC, как показано ниже.

AngularJS: введение, архитектура, преимущества
Диаграмма архитектуры Angularjs

  • Контроллер представляет уровень, который имеет бизнес-логику. Пользовательские события запускают функции, которые хранятся внутри вашего контроллера. Пользовательские события являются частью контроллера.

  • Представления используются для представления уровня представления, который предоставляется конечным пользователям

  • Models are used to represent your data. The data in your model can be as simple as just having primitive declarations. For example, if you are maintaining a student application, your data model could just have a student id and a name. Or it can also be complex by having a structured data model. If you are maintaining a car ownership application, you can have structures to define the vehicle itself in terms of its engine capacity, seating capacity, etc.

AngularJS Advantages

  • Since it’s an open source framework, you can expect the number of errors or issues to be minimal.

  • Two-way binding – Angular.js keeps the data and presentation layer in sync. Now you don’t need to write additional JavaScript code to keep the data in your HTML code and your data later in sync. Angular.js will automatically do this for you. You just need to specify which control is bound to which part of your model.

AngularJS: введение, архитектура, преимущества

  • Routing – Angular can take care of routing which means moving from one view to another. This is the key fundamental of single page applications; wherein you can move to different functionalities in your web application based on user interaction but still stay on the same page.

  • Angular supports testing, both Unit Testing, and Integration Testing.

  • It extends HTML by providing its own elements called directives. At a high level, directives are markers on a DOM element (such as an attribute, element name, and comment or CSS class) that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element. These directives help in extending the functionality of existing HTML elements to give more power to your web application.