Co to jest AngularJS?
AngularJS to framework Model-View-Controller o otwartym kodzie źródłowym, który jest podobny do frameworka JavaScript.
Angular JS jest prawdopodobnie jednym z najpopularniejszych obecnie dostępnych frameworków internetowych. Ta struktura jest używana do tworzenia głównie aplikacji jednostronicowych. Ta struktura została opracowana przez grupę programistów z samego Google.
Ze względu na samo wsparcie Google i pomysły z szerokiego forum społeczności, struktura jest zawsze aktualna. Ponadto zawsze uwzględnia najnowsze trendy rozwojowe na rynku.
W tym samouczku nauczysz się:
- Funkcje AngularJS
- Architektura Angularjs
- Zalety AngularJS
Funkcje AngularJS
Angular ma następujące kluczowe cechy, które sprawiają, że jest to jeden z potężnych frameworków na rynku.
-
MVC - Framework jest zbudowany na słynnej koncepcji MVC (Model-View-Controller). Jest to wzorzec projektowy używany we wszystkich nowoczesnych aplikacjach internetowych. Ten wzorzec opiera się na podzieleniu warstwy logiki biznesowej, warstwy danych i warstwy prezentacji na osobne sekcje. Podział na różne sekcje odbywa się tak, aby można było łatwiej zarządzać każdą z nich.
-
Powiązanie modelu danych - nie trzeba pisać specjalnego kodu, aby powiązać dane z kontrolkami HTML. Można to zrobić za pomocą Angulara, po prostu dodając kilka fragmentów kodu.
-
Pisanie mniej kodu - podczas manipulacji DOM trzeba było napisać dużo kodu JavaScript, aby zaprojektować dowolną aplikację. Ale dzięki Angularowi będziesz zaskoczony mniejszą ilością kodu, który musisz napisać do manipulacji DOM.
-
Gotowość do testów jednostkowych - projektanci w Google nie tylko opracowali Angular, ale także stworzyli platformę testową o nazwie „Karma”, która pomaga w projektowaniu testów jednostkowych dla aplikacji AngularJS.
Architektura AngularJS
Angular.js jest zgodny z architekturą MVC, diagramem struktury MVC, jak pokazano poniżej.
-
Kontroler reprezentuje warstwę, która ma logikę biznesową. Zdarzenia użytkownika uruchamiają funkcje, które są przechowywane w kontrolerze. Zdarzenia użytkownika są częścią kontrolera.
-
Widoki służą do reprezentowania warstwy prezentacji, która jest udostępniana użytkownikom końcowym
-
Modele służą do reprezentowania Twoich danych. Dane w modelu mogą być tak proste, jak proste deklaracje. Na przykład, jeśli utrzymujesz aplikację ucznia, model danych może mieć tylko identyfikator ucznia i nazwisko. Może też być złożony, jeśli ma ustrukturyzowany model danych. Jeśli utrzymujesz aplikację o własności samochodu, możesz mieć struktury definiujące sam pojazd pod względem pojemności silnika, liczby miejsc siedzących itp.
Zalety AngularJS
-
Ponieważ jest to framework open source, możesz oczekiwać, że liczba błędów lub problemów będzie minimalna.
-
Wiązanie dwukierunkowe - Angular.js utrzymuje synchronizację warstwy danych i prezentacji. Teraz nie musisz pisać dodatkowego kodu JavaScript, aby zachować synchronizację danych w kodzie HTML i danych. Angular.js zrobi to automatycznie. Musisz tylko określić, która kontrolka jest powiązana z którą częścią modelu.
-
Routing - Angular może zająć się routingiem, co oznacza przejście z jednego widoku do drugiego. To jest kluczowa podstawa aplikacji jednostronicowych; w którym możesz przejść do różnych funkcji w swojej aplikacji internetowej w oparciu o interakcje użytkownika, ale nadal pozostać na tej samej stronie.
-
Angular obsługuje testowanie, zarówno testy jednostkowe, jak i testy integracyjne.
-
Rozszerza HTML, dostarczając własne elementy zwane dyrektywami. Na wysokim poziomie dyrektywy są znacznikami na elemencie DOM (takim jak atrybut, nazwa elementu i komentarz lub klasa CSS), które informują kompilator HTML AngularJS o dołączeniu określonego zachowania do tego elementu DOM. Te dyrektywy pomagają w rozszerzaniu funkcjonalności istniejących elementów HTML, aby zwiększyć możliwości aplikacji internetowej.