Preskočiť na obsah

AngularJS

z Wikipédie, slobodnej encyklopédie
Verzia z 23:03, 18. máj 2021, ktorú vytvoril Matus.benko (diskusia | príspevky) (Vytvorené prekladom stránky „AngularJS“)
(rozdiel) ← Staršia verzia | Aktuálna úprava (rozdiel) | Novšia verzia → (rozdiel)

AngularJS je open-source frontendový webový framework založený na JavaScripte, ktorý je udržiavaný hlavne spoločnosťou Google a komunitou jednotlivcov a spoločností s cieľom riešiť mnohé z problémov, s ktorými sa stretávame pri vývoji jednostránkových aplikácií. Jeho cieľom je zjednodušiť vývoj aj testovanie takýchto aplikácií poskytnutím frameworku pre architektúry model-view-controller (MVC) a model-view-viewmodel (MVVM) na strane klienta, spolu s komponentmi bežne používanými vo webových aplikáciách.

AngularJS sa používa, ako frontend v sade MEAN, ktorý pozostáva z databázy MongoDB, frameworku pre webový aplikačný server Express.js, samotného AngularJS a runtime servera Node.js.

AngularJS je na dlhodobej podpore („LTS“) do 31. decembra 2021. [1] Po tomto dátume už Google nebude naďalej aktualizovať AngularJS a prestane opravovať bezpečnostné problémy, zabezpečovať kompatibility s prehliadačmi alebo s knižnicou jQuery. [2] [3] Tím Angular odporúča prejsť na Angular (v2+), ako najlepšiu cestu vpred, ale poskytol aj niektoré ďalšie možnosti. [4]

Prehľad

Framework AngularJS funguje tak, že najskôr načíta Hypertext Markup Language (HTML) stránku, ktorá má v sebe zabudované ďalšie vlastné HTML atribúty. Angular interpretuje tieto atribúty, ako direktívy a tým previaže vstupné alebo výstupné časti stránky na model, ktorý je reprezentovaný štandardnými JavaScript premennými. Hodnoty týchto premenných je možné manuálne nastaviť v kóde alebo ich načítať zo statických alebo dynamických JSON zdrojov.

AngularJS je postavený na domnienke, že deklaratívne programovanie by sa malo používať na vytváranie používateľských rozhraní a na prepájanie softvérových komponentov, zatiaľ čo imperatívne programovanie je vhodnejšie na definovanie biznis logiky aplikácie. [5] Framework prispôsobuje a rozširuje tradičné HTML na prezentáciu dynamického obsahu prostredníctvom obojsmerného viazania údajov, ktoré umožňuje automatickú synchronizáciu modelov a viewov. Výsledkom je, že AngularJS sa vyvaruje explicitnej manipulácie s DOM (Document Object Model) s cieľom zlepšiť testovateľnosť a výkon.

Ciele projektu AngularJS zahŕňajú:

  • Oddelenie manipulácie DOM od biznis logiky aplikácie.
  • Oddelenie klientskej strany aplikácie od serverovej.
  • Poskytnúť podporu celého vývoja klientskej aplikácie: od návrhu UI, cez napísanie biznis logiky, až po testovanie.

AngularJS implementuje vzor MVC na oddelenie prezentačných, dátových a logických komponentov. [6] Pomocou injekcií závislostí prináša Angular do webových aplikácií na strane klienta tradičné výhody servera, ako je napríklad controller pre každý view. Presunom zodpovednosti spracovania údajov do prezentovateľnej formy vo viewe sa zvyšuje kohézia a odbremeňuje sa server.

Scope

Scope sa dá preložiť, ako oblasť pôsobnosti alebo rozsah. V AngularJS to je JavaScript objekt, ktorý je dostupný vo view a aj v controlleri. Tým pádom sa dá povedať, že scope reprezentuje model.

Bootstrap

Úloha, ktorú vykonáva bootstrapper AngularJS, sa po načítaní modelu DOM rozdeľuje do troch fáz [7]

  1. Vytvorenie nového injektora
  2. Zostavenie direktív, ktoré dekorujú DOM
  3. Prepojenie všetkých direktív so scope objektom


Direktívy AngularJS umožňujú vývojárovi špecifikovať vlastné a opakovane použiteľné elementy a atribúty podobné HTML, ktoré definujú dátové väzby a správanie komponentov. Medzi najčastejšie používané direktívy patria:

História

AngularJS bol pôvodne vyvinutý v roku 2009 Miškom Heverym v spoločnosti Brat Tech LLC [8], ako softvér pre úložnú službu pre JSON, ktorý by bol spoplatnený za megabajt a určený pre jednoduché aplikácie. Tento podnik sa nachádzal na webovej doméne „GetAngular.com“ a mal niekoľko predplatiteľov, predtým, ako sa rozhodlo opustiť tento nápad a vydať Angular, ako open-source knižnicu. [[Kategória:Softvér pod licenciou MIT]] [[Kategória:Softvér firmy Google]]

  1. AngularJS [online]. docs.angularjs.org, [cit. 2021-05-18]. Dostupné online.
  2. . Dostupné online.
  3. DARWIN, Pete Bacon. Stable AngularJS and Long Term Support [online]. Medium, 2020-08-11, [cit. 2021-05-18]. Dostupné online. (po anglicky)
  4. . Dostupné online.
  5. AngularJS [online]. docs.angularjs.org, [cit. 2021-05-18]. Dostupné online.
  6. AngularJS [online]. docs.angularjs.org, [cit. 2021-05-18]. Dostupné online.
  7. . Dostupné online.
  8. . Dostupné online.