Ce este AngularJS? Introducere, Architectură și caracteristici
James Hartman
Ce este AngularJS?
AngularJS este un cadru open-source Model-View-Controller care este similar cu JavaScenariu cadru. AngularJS este probabil unul dintre cele mai populare cadre web moderne disponibile astăzi. Acest cadru este utilizat pentru dezvoltarea în mare parte a aplicațiilor cu o singură pagină. Acest cadru a fost dezvoltat de un grup de dezvoltatori de la Google însuși.
Datorită sprijinului absolut oferit de Google și a ideilor dintr-un forum comunitar larg, cadrul este întotdeauna actualizat. De asemenea, încorporează întotdeauna cele mai recente tendințe de dezvoltare de pe piață.
AngularJS Architectură
Angular.js urmează arhitectura MVC, diagrama cadrului MVC așa cum se arată mai jos:
- Controllerul reprezintă stratul care are logica de afaceri. Evenimentele utilizatorului declanșează funcțiile care sunt stocate în controlerul dumneavoastră. Evenimentele utilizator fac parte din controler.
- Vizualizările sunt folosite pentru a reprezenta stratul de prezentare care este oferit utilizatorilor finali
- Modelele sunt folosite pentru a vă reprezenta datele. Datele din modelul dvs. pot fi la fel de simple ca doar a avea declarații primitive. De exemplu, dacă întrețineți o aplicație de student, modelul dvs. de date ar putea avea doar un ID de student și un nume. Sau poate fi și complex, având un model de date structurat. Dacă mențineți o cerere de proprietate de mașină, puteți avea structuri care să definească vehiculul în sine în ceea ce privește capacitatea motorului, capacitatea de locuri etc.
Caracteristicile AngularJS
Angular are următoarele caracteristici cheie, ceea ce îl face unul dintre cadrele puternice de pe piață:
- MVC – Cadrul este construit pe faimosul 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 logic de afaceri, a stratului de date și a stratului 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 trebuie să scrieți cod special pentru a lega datele la controalele HTML. Acest lucru se poate face de către Angular adăugând doar câteva fragmente de cod.
- Scrierea mai puțin cod – Când se efectuează manipularea DOM o mulțime de JavaScenariu trebuia să fie scris pentru a proiecta orice aplicație. Dar cu Angular, veți fi uimit de cantitatea mai mică de cod pe care trebuie să o scrieți pentru manipularea DOM.
- Unitate Testarea gata – Designerii de la Google nu numai că au dezvoltat Angular, ci au dezvoltat și un cadru de testare numit „Karma”, care ajută la proiectarea testelor unitare pentru aplicațiile AngularJS.
Avantajele AngularJS
Iată 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 nivelul de date și de prezentare sincronizat. Acum nu mai trebuie să mai scrieți JavaCod script pentru a păstra datele în codul HTML și datele dvs. ulterioare sincronizate. Angular.js va face automat acest lucru pentru tine. Trebuie doar să specificați ce control este legat de ce parte a modelului dvs.
- Rutare – Angular se poate ocupa de rutare, ceea ce înseamnă trecerea de la o vedere la alta. Aceasta este cheia fundamentală a aplicațiilor cu o singură pagină; în care puteți trece la diferite funcționalități din aplicația dvs. web pe baza interacțiunii utilizatorului, dar rămâneți în continuare pe aceeași pagină.
- Angular suportă testarea, ambele Testarea unității și Testare de integrare.
- Acesta extinde HTML prin furnizarea de elemente proprii numite directive. La un nivel înalt, directivele sunt markeri pe un element DOM (cum ar fi un atribut, un nume de element și un comentariu sau o clasă CSS) care îi spun compilatorului HTML al lui AngularJS să atașeze un comportament specificat acelui element DOM. Aceste directive ajută la extinderea funcționalității elementelor HTML existente pentru a oferi mai multă putere aplicației dvs. web.
