Kaj je AngularJS?
AngularJS je odprtokodni okvir Model-View-Controller, ki je podoben ogrodju JavaScript.
Angular JS je verjetno eden najbolj priljubljenih sodobnih spletnih okvirov, ki so danes na voljo. Ta okvir se uporablja za razvoj večinoma aplikacij z eno stranjo. Ta okvir je razvila skupina razvijalcev iz samega Googla.
Zaradi velike podpore Googla in idej s širokega foruma skupnosti je okvir vedno posodobljen. Prav tako vedno vključuje najnovejše razvojne trende na trgu.
V tej vadnici boste izvedeli-
- Funkcije AngularJS
- Arhitektura Angularjs
- Prednosti AngularJS
Funkcije AngularJS
Angular ima naslednje ključne značilnosti, zaradi česar je eden najmočnejših okvirov na trgu.
-
MVC - Okvir je zgrajen na znanem konceptu MVC (Model-View-Controller). To je oblikovalski vzorec, ki se uporablja v vseh sodobnih spletnih aplikacijah. Ta vzorec temelji na razdelitvi plasti poslovne logike, podatkovne plasti in predstavitvene plasti na ločene odseke. Razdelitev na različne odseke je narejena tako, da je mogoče vsakega posebej lažje upravljati.
-
Vezava podatkovnega modela - za vezavo podatkov na kontrolnike HTML vam ni treba pisati posebne kode. To lahko stori Angular z dodajanjem nekaj delčkov kode.
-
Pisanje manj kode - Za izvajanje DOM manipulacije je bilo treba za načrtovanje katere koli aplikacije napisati veliko JavaScript. Toda z Angularom boste presenečeni nad manjšo količino kode, ki jo morate napisati za manipulacijo z DOM.
-
Pripravljeno enotno testiranje - Googlovi oblikovalci niso razvili le programa Angular, temveč tudi okvir za testiranje, imenovan "Karma", ki pomaga pri oblikovanju enotnih testov za aplikacije AngularJS.
AngularJS Arhitektura
Angular.js sledi arhitekturi MVC, diagramu ogrodja MVC, kot je prikazano spodaj.
-
Krmilnik predstavlja plast, ki ima poslovno logiko. Uporabniški dogodki sprožijo funkcije, ki so shranjene v krmilniku. Uporabniški dogodki so del krmilnika.
-
Pogledi se uporabljajo za predstavitev predstavitvene plasti, ki je na voljo končnim uporabnikom
-
Za predstavitev vaših podatkov se uporabljajo modeli. Podatki v vašem modelu so lahko tako preprosti kot zgolj primitivne izjave. Če na primer vzdržujete študentsko aplikacijo, bi lahko imel vaš podatkovni model samo ID študenta in ime. Lahko pa je tudi zapleten z strukturiranim podatkovnim modelom. Če vzdržujete prošnjo za lastništvo avtomobila, imate lahko strukture, ki opredeljujejo samo vozilo glede na prostornino motorja, prostornino sedeža itd.
Prednosti AngularJS
-
Ker gre za odprtokodni okvir, lahko pričakujete, da bo število napak ali težav minimalno.
-
Dvosmerna vezava - Angular.js ohranja sinhronizacijo podatkovne in predstavitvene plasti. Zdaj vam ni treba pisati dodatne kode JavaScript, da boste podatke v svoji kodi HTML in podatke pozneje sinhronizirali. Angular.js bo to samodejno naredil namesto vas. Določiti morate le, kateri nadzor je vezan na kateri del vašega modela.
-
Usmerjanje - Angular lahko poskrbi za usmerjanje, kar pomeni premikanje z enega pogleda na drugega. To je ključni temelj enojnih aplikacij; pri čemer se lahko na podlagi interakcije uporabnika premaknete na različne funkcije v svoji spletni aplikaciji, vendar ostanete na isti strani.
-
Kotno podpira testiranje, tako enotno kot tudi integracijsko testiranje.
-
HTML razširja z zagotavljanjem lastnih elementov, imenovanih direktive. Na visoki ravni so direktive oznake na elementu DOM (kot so atribut, ime elementa in komentar ali razred CSS), ki prevajalniku HTML AngularJS sporočajo, da temu elementu DOM doda določeno vedenje. Te smernice pomagajo razširiti funkcionalnost obstoječih elementov HTML, da bodo vaši spletni aplikaciji dali več moči.