Co to jest AngularJS? Wstęp, ArchiTechnologia i funkcje
Jamesa Hartmana
Co to jest AngularJS?
angularjs to framework Model-View-Controller o otwartym kodzie źródłowym, podobny do JAVASCRIPT struktura. AngularJS jest prawdopodobnie jednym z najpopularniejszych współczesnych frameworków internetowych. Framework ten służy do tworzenia głównie aplikacji typu Single Page. Framework ten został opracowany przez grupę programistów z samego Google.
Dzięki ogromnemu wsparciu Google i pomysłom z szerokiego forum społeczności, framework jest zawsze aktualizowany. Ponadto zawsze uwzględnia najnowsze trendy rozwojowe na rynku.
angularjs Architektura
Angular.js opiera się na architekturze MVC, której diagram przedstawiono poniżej:
- Kontroler reprezentuje warstwę zawierającą logikę biznesową. Zdarzenia użytkownika uruchamiają funkcje zapisane w kontrolerze. Zdarzenia użytkownika są częścią kontrolera.
- Widoki służą do reprezentowania warstwy prezentacji udostępnianej użytkownikom końcowym
- Modele służą do reprezentowania danych. Dane w modelu mogą być tak proste, jak tylko deklaracje prymitywne. Na przykład, jeśli utrzymujesz aplikację studencką, Twój model danych może mieć tylko identyfikator studenta i nazwisko. Może być również złożony, jeśli ma ustrukturyzowany model danych. Jeśli utrzymujesz aplikację dotyczącą własności samochodu, możesz mieć struktury definiujące sam pojazd pod względem pojemności silnika, liczby miejsc siedzących itp.
Funkcje AngularJS
Angular ma następujące kluczowe cechy, które czynią go jednym z najpotężniejszych frameworków na rynku:
- MVC – Framework opiera się na słynnej koncepcji MVC (kontroler widoku modelu). Jest to wzorzec projektowy używany we wszystkich współczesnych aplikacjach internetowych. Wzorzec ten opiera się na podziale warstwy logiki biznesowej, warstwy danych i warstwy prezentacji na osobne sekcje. Podział na poszczególne sekcje został dokonany tak, aby łatwiej było zarządzać każdą z nich.
- Powiązanie modelu danych – Nie musisz 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 mniejszej ilości kodu – Podczas wykonywania wielu manipulacji DOM JAVASCRIPT musiał zostać napisany, aby zaprojektować dowolną aplikację. Ale dzięki Angularowi będziesz zaskoczony mniejszą ilością kodu, który musisz napisać, aby manipulować DOM.
- Jednostka Testowanie gotowy – projektanci Google nie tylko opracowali Angulara, ale także opracowali framework testowy o nazwie „Karma”, który pomaga w projektowaniu testów jednostkowych dla aplikacji AngularJS.
Zalety AngularJS
Oto zalety AngularJS:
- Ponieważ jest to platforma typu open source, można spodziewać się minimalnej liczby błędów i problemów.
- Dwukierunkowe wiązanie – Angular.js utrzymuje synchronizację warstwy danych i prezentacji. Teraz nie musisz pisać dodatkowych JavaSkrypt kodu, aby zachować dane w kodzie HTML i dane później w synchronizacji. Angular.js zrobi to automatycznie za Ciebie. Musisz tylko określić, która kontrolka jest powiązana z którą częścią Twojego modelu.
- Routing – Angular może zająć się routingiem, co oznacza przechodzenie z jednego widoku do drugiego. Jest to kluczowa zasada aplikacji jednostronicowych; w którym możesz przechodzić do różnych funkcjonalności aplikacji internetowej w oparciu o interakcję użytkownika, ale nadal pozostać na tej samej stronie.
- Angular obsługuje testowanie w obu przypadkach Testów jednostkowych, Testy integracyjne.
- Rozszerza HTML, dostarczając własne elementy zwane dyrektywami. Na wysokim poziomie dyrektywy to znaczniki na elemencie DOM (takie jak atrybut, nazwa elementu i komentarz lub klasa CSS), które mówią kompilatorowi HTML AngularJS, aby dołączył określone zachowanie do tego elementu DOM. Dyrektywy te pomagają w rozszerzeniu funkcjonalności istniejących elementów HTML, aby zwiększyć możliwości aplikacji internetowej.
