AngularJS - przegląd

AngularJS to framework aplikacji internetowych typu open source. Został pierwotnie opracowany w 2009 roku przez Misko Hevery i Adama Abronsa. Obecnie jest obsługiwany przez Google. Jego najnowsza wersja to 1.2.21.

Definicja AngularJS zawarta w oficjalnej dokumentacji jest następująca:

AngularJS to struktura strukturalna dla dynamicznych aplikacji internetowych. Pozwala używać HTML jako języka szablonów i pozwala rozszerzyć składnię HTML, aby jasno i zwięźle wyrazić składniki aplikacji. Jego powiązanie danych i iniekcja zależności eliminują znaczną część kodu, który obecnie musisz napisać. A wszystko to dzieje się w przeglądarce, co czyni ją idealnym partnerem dla dowolnej technologii serwerowej.

Główne cechy

Ogólne cechy AngularJS są następujące -

  • AngularJS to wydajny framework, który może tworzyć bogate aplikacje internetowe (RIA).

  • AngularJS zapewnia programistom możliwość pisania aplikacji po stronie klienta przy użyciu JavaScript w przejrzysty sposób kontrolera widoku modelu (MVC).

  • Aplikacje napisane w AngularJS są kompatybilne z różnymi przeglądarkami. AngularJS automatycznie obsługuje kod JavaScript odpowiedni dla każdej przeglądarki.

  • AngularJS to oprogramowanie typu open source, całkowicie bezpłatne i używane przez tysiące programistów na całym świecie. Jest licencjonowany w ramach licencji Apache w wersji 2.0.

Ogólnie rzecz biorąc, AngularJS to platforma do tworzenia dużych, wydajnych i łatwych w utrzymaniu aplikacji internetowych.

Podstawowe cechy

Podstawowe cechy AngularJS są następujące -

  • Data-binding - Jest to automatyczna synchronizacja danych między komponentami modelu i widoku.

  • Scope- To są obiekty, które nawiązują do modelu. Działają jak klej między kontrolerem a widokiem.

  • Controller - Są to funkcje JavaScript powiązane z określonym zakresem.

  • Services- AngularJS zawiera kilka wbudowanych usług, takich jak $ http do tworzenia żądań XMLHttpRequests. Są to pojedyncze obiekty, które są tworzone tylko raz w aplikacji.

  • Filters - Wybierają podzbiór elementów z tablicy i zwracają nową tablicę.

  • Directives- Dyrektywy to znaczniki na elementach DOM, takich jak elementy, atrybuty, css i inne. Można ich używać do tworzenia niestandardowych tagów HTML, które służą jako nowe, niestandardowe widżety. AngularJS ma wbudowane dyrektywy, takie jak ngBind, ngModel itp.

  • Templates- To jest renderowany widok z informacjami z kontrolera i modelu. Może to być pojedynczy plik (np. Index.html) lub wiele widoków na jednej stronie przy użyciu częściowych .

  • Routing - To koncepcja przełączania widoków.

  • Model View Whatever- MVW to wzorzec projektowy służący do podziału aplikacji na różne części o nazwie Model, Widok i Kontroler, z których każda ma inne obowiązki. AngularJS nie implementuje MVC w tradycyjnym sensie, ale raczej coś bliższego MVVM (Model-View-ViewModel). Zespół Angular JS żartobliwie nazywa to Model View Cokolwiek.

  • Deep Linking- Głębokie linkowanie pozwala zakodować stan aplikacji w adresie URL, aby można było dodać do niej zakładkę. Aplikację można następnie przywrócić z adresu URL do tego samego stanu.

  • Dependency Injection - AngularJS ma wbudowany podsystem wstrzykiwania zależności, który pomaga programistom w łatwym tworzeniu, zrozumieniu i testowaniu aplikacji.

Koncepcje

Poniższy diagram przedstawia kilka ważnych części AngularJS, które omówimy szczegółowo w kolejnych rozdziałach.

Zalety AngularJS

Zalety AngularJS to -

  • Zapewnia możliwość tworzenia aplikacji jednostronicowych w bardzo czysty i łatwy w utrzymaniu sposób.

  • Zapewnia możliwość wiązania danych z HTML. W ten sposób zapewnia użytkownikowi bogate i responsywne wrażenia.

  • Kod AngularJS można testować jednostkowo.

  • AngularJS wykorzystuje iniekcję zależności i wykorzystuje separację problemów.

  • AngularJS dostarcza komponenty wielokrotnego użytku.

  • Dzięki AngularJS programiści mogą osiągnąć większą funkcjonalność za pomocą krótkiego kodu.

  • W AngularJS widoki są czystymi stronami html, a kontrolery napisane w JavaScript wykonują przetwarzanie biznesowe.

Co więcej, aplikacje AngularJS mogą działać na wszystkich głównych przeglądarkach i smartfonach, w tym na telefonach / tabletach z systemem Android i iOS.

Wady AngularJS

Chociaż AngularJS ma wiele zalet, oto kilka problemów -

  • Not Secure- Będąc frameworkiem JavaScript, aplikacje napisane w AngularJS nie są bezpieczne. Uwierzytelnianie i autoryzacja po stronie serwera są niezbędne, aby zapewnić bezpieczeństwo aplikacji.

  • Not degradable - Jeśli użytkownik Twojej aplikacji wyłączy JavaScript, nic nie będzie widoczne poza stroną podstawową.

Dyrektywy AngularJS

Framework AngularJS można podzielić na trzy główne części -

  • ng-app - Ta dyrektywa definiuje i łączy aplikację AngularJS z HTML.

  • ng-model - Ta dyrektywa wiąże wartości danych aplikacji AngularJS z kontrolkami wejściowymi HTML.

  • ng-bind - Ta dyrektywa wiąże dane aplikacji AngularJS ze znacznikami HTML.