Što je AngularJS?
AngularJS je okvir otvorenog koda Model-View-Controller koji je sličan JavaScript okviru.
Angular JS vjerojatno je jedan od najpopularnijih modernih web okvira koji su danas dostupni. Ovaj se okvir koristi za razvoj uglavnom aplikacija s jednom stranicom. Ovaj je okvir razvila grupa programera iz samog Googlea.
Zbog velike podrške Googlea i ideja sa širokog foruma zajednice, okvir se uvijek ažurira. Također, uvijek uključuje najnovije razvojne trendove na tržištu.
U ovom vodiču naučit ćete-
- Značajke AngularJS
- Arhitektura Angularjs
- Prednosti AngularJS
Značajke AngularJS
Angular ima sljedeće ključne značajke što ga čini jednim od moćnih okvira na tržištu.
-
MVC - Okvir je izgrađen na poznatom konceptu MVC (Model-View-Controller). Ovo je obrazac dizajna koji se koristi u svim modernim web aplikacijama. Ovaj se obrazac temelji na razdvajanju sloja poslovne logike, sloja podataka i sloja prezentacije u zasebne odjeljke. Podjela na različite odjeljke vrši se kako bi se svakim moglo lakše upravljati.
-
Obvezivanje podatkovnog modela - ne trebate pisati poseban kôd za povezivanje podataka s HTML kontrolama. To može učiniti Angular dodavanjem samo nekoliko isječaka koda.
-
Pisanje manje koda - Za izvršavanje DOM manipulacije bilo je potrebno napisati puno JavaScript-a za dizajn bilo koje aplikacije. Ali s Angulom ćete biti zaprepašteni s manjom količinom koda koji trebate napisati za DOM manipulaciju.
-
Spremno za jedinstveno testiranje - Googleovi dizajneri ne samo da su razvili Angular već su razvili i okvir za testiranje nazvan "Karma" koji pomaže u dizajniranju unit testova za AngularJS aplikacije.
AngularJS Arhitektura
Angular.js slijedi MVC arhitekturu, dijagram MVC okvira kako je prikazano dolje.
-
Kontrolor predstavlja sloj koji ima poslovnu logiku. Korisnički događaji pokreću funkcije pohranjene unutar vašeg kontrolera. Korisnički događaji dio su kontrolera.
-
Prikazi se koriste za predstavljanje prezentacijskog sloja koji se pruža 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 prijavu, vaš model podataka mogao bi imati samo studentski ID i ime. Ili također može biti složen ako ima strukturirani model podataka. Ako održavate prijavu za vlasništvo nad automobilom, možete imati strukture koje će definirati samo vozilo s obzirom na njegov kapacitet motora, kapacitet sjedala itd.
Prednosti AngularJS
-
Budući da je riječ o okviru otvorenog koda, možete očekivati da će broj pogrešaka ili poteškoća biti minimalan.
-
Dvosmjerno vezivanje - Angular.js održava sinkronizaciju podataka i prezentacijskog sloja. Sada ne trebate pisati dodatni JavaScript kôd da biste podatke u svom HTML kodu, a kasnije kasnije sinkronizirali. Angular.js će to automatski učiniti za vas. Samo trebate navesti koja je kontrola vezana uz koji dio vašeg modela.
-
Usmjeravanje - Angular se može pobrinuti za usmjeravanje, što znači prelazak s jednog pogleda na drugi. To je ključni temelj aplikacija na jednoj stranici; pri čemu se možete prebaciti na različite funkcije u svojoj web aplikaciji na temelju interakcije korisnika, ali i dalje ostati na istoj stranici.
-
Kutna podrška testiranju, i jedinstvenom testiranju i integracijskom testiranju.
-
Proširuje HTML pružajući vlastite elemente zvane direktive. Na visokoj razini, direktive su oznake na DOM elementu (kao što su atribut, naziv elementa i komentar ili CSS klasa) koje poručuju HTML kompajleru AngularJS da pridruži određeno ponašanje tom DOM elementu. Ove direktive pomažu u proširivanju funkcionalnosti postojećih HTML elemenata kako bi se vašoj web aplikaciji dalo više snage.