Što je AngularJS? Uvod, Architekstura i značajke
James Hartman
Što je AngularJS?
AngularJS je open-source Model-View-Controller okvir koji je sličan JavaScript okvir. AngularJS je vjerojatno jedan od najpopularnijih modernih web okvira dostupnih danas. Ovaj se okvir koristi za razvoj uglavnom jednostraničkih aplikacija. Ovaj okvir je razvila grupa programera iz samog Googlea.
Zbog čiste podrške Googlea i ideja s foruma široke zajednice, okvir se uvijek ažurira. Također, uvijek uključuje najnovije trendove razvoja na tržištu.
AngularJS Architektura
Angular.js slijedi MVC arhitekturu, dijagram MVC okvira kao što je prikazano u nastavku:
- Kontroler predstavlja sloj koji ima poslovnu logiku. Korisnički događaji pokreću funkcije koje su pohranjene unutar vašeg kontrolera. Korisnički događaji dio su kontrolera.
- Pogledi se koriste za predstavljanje prezentacijskog sloja koji se daje krajnjim korisnicima
- Modeli se koriste za predstavljanje vaših podataka. Podaci u vašem modelu mogu biti jednostavni poput primitivnih deklaracija. Na primjer, ako održavate studentsku aplikaciju, vaš podatkovni model može imati samo studentski ID i ime. Ili također može biti složeno jer ima strukturirani podatkovni model. Ako održavate aplikaciju za vlasništvo automobila, možete imati strukture za definiranje samog vozila u smislu njegovog kapaciteta motora, kapaciteta sjedala itd.
Značajke AngularJS
Angular ima sljedeće ključne značajke koje ga čine jednim od moćnih okvira na tržištu:
- VMC – Okvir je izgrađen na poznatom konceptu MVC (Model-View-Controller). Ovo je obrazac dizajna koji se koristi u svim modernim web aplikacijama. Ovaj obrazac temelji se na dijeljenju sloja poslovne logike, podatkovnog sloja i prezentacijskog sloja u zasebne odjeljke. Podjela na različite dijelove je napravljena kako bi se svakim lakše upravljalo.
- Vezanje podatkovnog modela – Ne morate pisati poseban kod za povezivanje podataka s HTML kontrolama. To može učiniti Angular dodavanjem samo nekoliko isječaka koda.
- Pisanje manje koda – Prilikom izvođenja DOM manipulacije puno JavaScript bilo je potrebno napisati za dizajniranje bilo koje aplikacije. Ali s Angularom ćete biti zapanjeni manjom količinom koda koji trebate napisati za manipulaciju DOM-om.
- Jedinica Ispitivanje spreman – Googleovi dizajneri ne samo da su razvili Angular, već su razvili i okvir za testiranje nazvan "Karma" koji pomaže u dizajniranju jediničnih testova za AngularJS aplikacije.
Prednosti AngularJS
Evo prednosti AngularJS:
- Budući da se radi o okviru otvorenog koda, možete očekivati da će broj pogrešaka ili problema biti minimalan.
- Dvosmjerno uvezivanje – Angular.js sinkronizira sloj podataka i prezentacije. Sada ne morate pisati dodatno JavaKôd skripte za održavanje podataka u vašem HTML kodu i kasnije sinkronizacije podataka. Angular.js će to automatski učiniti za vas. Samo trebate odrediti koja je kontrola vezana za koji dio vašeg modela.
- Usmjeravanje – Angular se može pobrinuti za usmjeravanje što znači prelazak s jednog pogleda na drugi. Ovo je ključna osnova jednostranih aplikacija; pri čemu se možete kretati na različite funkcije u svojoj web aplikaciji na temelju interakcije korisnika, ali i dalje ostati na istoj stranici.
- Angular podržava testiranje, oboje Ispitivanje jedinicei Ispitivanje integracije.
- Proširuje HTML pružajući vlastite elemente koji se nazivaju direktivama. Na visokoj razini, direktive su markeri na DOM elementu (kao što je atribut, naziv elementa i komentar ili CSS klasa) koji govore AngularJS-ovom HTML prevoditelju da priloži određeno ponašanje tom DOM elementu. Ove direktive pomažu u proširenju funkcionalnosti postojećih HTML elemenata kako bi vaša web aplikacija dobila više snage.
