Co je AngularJS?
AngularJS je open source framework Model-View-Controller, který je podobný rámci JavaScriptu.
Angular JS je pravděpodobně jeden z nejpopulárnějších moderních webových frameworků současnosti. Tento rámec se používá pro vývoj většinou jednostránkových aplikací. Tento rámec vyvinula skupina vývojářů ze společnosti Google sama.
Vzhledem k naprosté podpoře společnosti Google a nápadům ze širokého komunitního fóra je rámec vždy aktuální. Vždy také zahrnuje nejnovější vývojové trendy na trhu.
V tomto výukovém programu se naučíte
- Funkce AngularJS
- Angularjs architektura
- Výhody AngularJS
Funkce AngularJS
Angular má následující klíčové vlastnosti, díky nimž je jedním z výkonných rámců na trhu.
-
MVC - Rámec je postaven na slavném konceptu MVC (Model-View-Controller). Toto je návrhový vzor používaný ve všech moderních webových aplikacích. Tento vzor je založen na rozdělení vrstvy obchodní logiky, datové vrstvy a prezentační vrstvy do samostatných sekcí. Rozdělení do různých sekcí se provádí tak, aby bylo možné každou z nich snadněji spravovat.
-
Vazba datového modelu - pro svázání dat s ovládacími prvky HTML nemusíte psát speciální kód. To lze provést pomocí Angular pouhým přidáním několika úryvků kódu.
-
Psaní méně kódu - Při provádění manipulace s DOM bylo nutné vytvořit spoustu JavaScriptu, aby bylo možné navrhnout libovolnou aplikaci. Ale s Angular budete ohromeni menším množstvím kódu, který musíte napsat pro manipulaci s DOM.
-
Připraveno k testování jednotek - Návrháři společnosti Google nejen vyvinuli Angular, ale také vyvinuli testovací rámec s názvem „Karma“, který pomáhá při navrhování testů jednotek pro aplikace AngularJS.
Architektura AngularJS
Angular.js navazuje na architekturu MVC, diagram rozhraní MVC, jak je znázorněno níže.
-
Řadič představuje vrstvu, která má obchodní logiku. Události uživatelů spouštějí funkce, které jsou uloženy uvnitř vašeho řadiče. Uživatelské události jsou součástí kontroleru.
-
Pohledy slouží k reprezentaci prezentační vrstvy poskytované koncovým uživatelům
-
K reprezentaci vašich dat se používají modely. Data ve vašem modelu mohou být stejně jednoduchá jako primitivní deklarace. Například pokud udržujete studentskou aplikaci, váš datový model může mít pouze ID studenta a jméno. Nebo to může být také složité tím, že budete mít strukturovaný datový model. Pokud udržujete aplikaci vlastnictví automobilu, můžete mít struktury, které definují samotné vozidlo z hlediska jeho objemu motoru, počtu míst k sezení atd.
Výhody AngularJS
-
Jelikož se jedná o open source framework, můžete očekávat, že počet chyb nebo problémů bude minimální.
-
Obousměrná vazba - Angular.js udržuje synchronizovanou datovou a prezentační vrstvu. Nyní nemusíte psát další kód JavaScriptu, aby byla data ve vašem kódu HTML a data později synchronizována. Angular.js to udělá automaticky za vás. Musíte pouze určit, který ovládací prvek je vázán na kterou část vašeho modelu.
-
Směrování - Angular se může postarat o směrování, což znamená přesun z jednoho pohledu do druhého. Toto je klíčový základ jednostránkových aplikací; kde se můžete přesunout na různé funkce ve vaší webové aplikaci na základě interakce s uživatelem, ale stále zůstat na stejné stránce.
-
Úhlová podpora testování, testování jednotek i testování integrace.
-
Rozšiřuje HTML tím, že poskytuje své vlastní prvky zvané směrnice. Na vysoké úrovni jsou direktivy značky na prvku DOM (například atribut, název prvku a komentář nebo třída CSS), které sdělují kompilátoru HTML AngularJS, aby k danému prvku DOM připojil určité chování. Tyto směrnice pomáhají při rozšiřování funkčnosti stávajících prvků HTML, aby vaše webová aplikace měla větší výkon.