Ce este AngularJS?
AngularJS este un cadru open-source Model-View-Controller care este similar cu cadrul JavaScript.
Angular JS este probabil unul dintre cele mai populare cadre web moderne disponibile astăzi. Acest cadru este utilizat pentru dezvoltarea de aplicații cu o singură pagină. Acest cadru a fost dezvoltat de un grup de dezvoltatori de la Google însuși.
Datorită sprijinului total oferit de Google și a ideilor de la un forum comunitar larg, cadrul este întotdeauna actualizat. De asemenea, încorporează întotdeauna cele mai noi tendințe de dezvoltare de pe piață.
În acest tutorial, veți învăța-
- Caracteristici AngularJS
- Angularjs Architecture
- Avantajele AngularJS
Caracteristici AngularJS
Angular are următoarele caracteristici cheie, ceea ce îl face unul dintre cadrele puternice de pe piață.
-
MVC - Cadrul este construit pe celebrul concept de MVC (Model-View-Controller). Acesta este un model de design utilizat în toate aplicațiile web moderne. Acest model se bazează pe împărțirea stratului de logică de afaceri, stratul de date și stratul de prezentare în secțiuni separate. Împărțirea în diferite secțiuni se face astfel încât fiecare să poată fi gestionată mai ușor.
-
Legarea modelului de date - Nu este necesar să scrieți cod special pentru a lega datele la comenzile HTML. Acest lucru poate fi realizat de Angular doar prin adăugarea câtorva fragmente de cod.
-
Scrierea mai puțin a codului - La efectuarea manipulării DOM, a fost necesar să se scrie mult JavaScript pentru a proiecta orice aplicație. Dar cu Angular, veți fi uimiți de cantitatea mai mică de cod pe care trebuie să o scrieți pentru manipularea DOM.
-
Pregătirea testelor unitare - Designerii de la Google au dezvoltat nu numai Angular, ci au dezvoltat și un cadru de testare numit „Karma”, care ajută la proiectarea testelor unitare pentru aplicațiile AngularJS.
AngularJS Architecture
Angular.js urmărește arhitectura MVC, diagrama cadrului MVC așa cum se arată mai jos.
-
Controlerul reprezintă stratul care are logica de afaceri. Evenimentele utilizatorului declanșează funcțiile stocate în controler. Evenimentele utilizatorului fac parte din controler.
-
Vizualizările sunt folosite pentru a reprezenta stratul de prezentare oferit utilizatorilor finali
-
Modelele sunt folosite pentru a vă reprezenta datele. Datele din modelul dvs. pot fi la fel de simple ca să aveți doar declarații primitive. De exemplu, dacă întrețineți o aplicație pentru student, modelul dvs. de date ar putea avea doar un ID de student și un nume. Sau poate fi, de asemenea, complex, având un model de date structurat. Dacă mențineți o aplicație de proprietate a mașinii, puteți avea structuri care să definească vehiculul în sine în funcție de capacitatea motorului, capacitatea de așezare etc.
Avantajele AngularJS
-
Deoarece este un cadru open source, vă puteți aștepta ca numărul de erori sau probleme să fie minim.
-
Legare bidirecțională - Angular.js menține stratul de date și prezentare sincronizat. Acum nu este nevoie să scrieți cod JavaScript suplimentar pentru a păstra datele în codul HTML și datele dvs. ulterior sincronizate. Angular.js va face automat acest lucru pentru dvs. Trebuie doar să specificați ce control este legat de ce parte a modelului dvs.
-
Rutare - Unghiular se poate ocupa de rutare, ceea ce înseamnă mutarea dintr-o vedere în alta. Aceasta este cheia fundamentală a aplicațiilor cu o singură pagină; în care puteți trece la diferite funcționalități în aplicația dvs. web pe baza interacțiunii utilizatorului, dar rămâneți pe aceeași pagină.
-
Testarea suporturilor unghiulare, atât testarea unitară, cât și testarea integrării.
-
Extinde HTML oferind propriile elemente numite directive. La un nivel înalt, directivele sunt markeri pe un element DOM (cum ar fi un atribut, numele elementului și comentariul sau clasa CSS) care îi spun compilatorului HTML al AngularJS să atașeze un comportament specific elementului DOM respectiv. Aceste directive vă ajută să extindeți funcționalitatea elementelor HTML existente pentru a oferi mai multă putere aplicației dvs. web.