Какво е AngularJS? Въведение, Archiтекстура и функции

Какво е AngularJS?

AngularJS е рамка с отворен код Model-View-Controller, която е подобна на JavaСценарий рамка. AngularJS вероятно е една от най-популярните съвременни уеб рамки, налични днес. Тази рамка се използва за разработване предимно на приложения с една страница. Тази рамка е разработена от група разработчици от самия Google.

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

AngularJS Archiтекстура

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

Контролерът представлява слоя, който има бизнес логиката. Потребителските събития задействат функциите, които се съхраняват във вашия контролер. Потребителските събития са част от контролера.
Изгледите се използват за представяне на презентационния слой, който се предоставя на крайните потребители
Моделите се използват за представяне на вашите данни. Данните във вашия модел могат да бъдат толкова прости, колкото просто да имате примитивни декларации. Например, ако поддържате студентско приложение, вашият модел на данни може да има само идентификатор на студент и име. Или също така може да бъде сложно, като има структуриран модел на данни. Ако поддържате приложение за собственост на автомобил, можете да имате структури, които да дефинират самото превозно средство по отношение на неговия обем на двигателя, капацитет на седалките и т.н.

Характеристики на AngularJS

Angular има следните ключови характеристики, което го прави една от мощните рамки на пазара:

MVC – Рамката е изградена върху известната концепция на MVC (модел-изглед-контролер). Това е шаблон за проектиране, използван във всички съвременни уеб приложения. Този модел се основава на разделянето на слоя бизнес логика, слоя данни и презентационния слой на отделни секции. Разделянето на отделни секции е направено така, че всяка една да се управлява по-лесно.
Обвързване на модел на данни – Не е необходимо да пишете специален код, за да обвържете данни с HTML контролите. Това може да се направи от Angular само чрез добавяне на няколко фрагмента код.
Писане на по-малко код – Когато извършвате DOM манипулация на много JavaСценарий трябваше да бъде написан за проектиране на всяко приложение. Но с Angular ще бъдете изумени от по-малкото количество код, който трябва да напишете за манипулиране на DOM.
Единица Тестване готов – Дизайнерите в Google не само разработиха Angular, но също така разработиха рамка за тестване, наречена „Karma“, която помага при проектирането на модулни тестове за AngularJS приложения.

Предимства на AngularJS

Ето предимствата на AngularJS:

Тъй като това е рамка с отворен код, можете да очаквате броят на грешките или проблемите да бъде минимален.
Двупосочно обвързване – Angular.js поддържа данните и презентационния слой в синхрон. Сега не е нужно да пишете допълнително JavaКод на скрипт, за да запазите данните във вашия HTML код и вашите данни по-късно в синхрон. Angular.js автоматично ще направи това вместо вас. Просто трябва да укажете кой контрол към коя част от вашия модел е обвързан.

Маршрутизиране – Angular може да се погрижи за маршрутизирането, което означава преминаване от един изглед към друг. Това е основният фундамент на едностраничните приложения; при което можете да преминете към различни функционалности във вашето уеб приложение въз основа на взаимодействието на потребителя, но все пак да останете на същата страница.
Angular поддържа тестване и на двете Единично тестване, и Тестване на интеграцията.
Той разширява HTML, като предоставя свои собствени елементи, наречени директиви. На високо ниво директивите са маркери на DOM елемент (като атрибут, име на елемент и коментар или CSS клас), които казват на HTML компилатора на AngularJS да прикачи определено поведение към този DOM елемент. Тези директиви помагат за разширяване на функционалността на съществуващите HTML елементи, за да дадат повече мощност на вашето уеб приложение.