Astăzi, AngularJS a devenit unul dintre cele mai populare cadre de dezvoltare, în principal datorită capacității sale de a ajuta dezvoltatorii să creeze cu ușurință aplicații cu o singură pagină (SPA). În aplicațiile web tradiționale, clientul (browserul) inițiază un canal de comunicare cu serverul prin solicitarea unei pagini. Serverul răspunde procesând cererea și trimitând codul HTML al paginii înapoi clientului. Dacă utilizatorul solicită o pagină nouă, serverul trimite o altă pagină HTML. Chiar dacă clientul cere o mică modificare, spuneți un formular cu detalii de bază, întreaga pagină trebuie încărcată din nou de către server și trimisă înapoi clientului.
Solicitări HTML și Ajax
În aplicațiile cu o singură pagină, întreaga pagină este încărcată într-o singură fotografie, iar comunicarea ulterioară este efectuată de server folosind cereri Ajax. Browserul trebuie să actualizeze doar porțiunea de pagină modificată și nu este nevoie să reîncărcați întreaga pagină de fiecare dată când un utilizator face o nouă solicitare.
Deoarece abordarea SPA reduce timpul necesar serverului pentru a răspunde la solicitările utilizatorilor, aplicațiile web rulează mai repede, utilizează mai puțină putere de calcul și permit dezvoltatorilor de interfață utilizator (UI) să creeze pagini web mai atractive și mai agile.
Crearea paginilor Shell
„Singura pagină” din SPA se referă la o pagină shell care răspunde la interogări sub formă de HTML, CSS sau JavaScript. Pagina shell este redată asincron cu HTML, eliminând necesitatea deplasării înainte și înapoi către server. Pagina shell necesită doar o referință la biblioteca JavaScript AngularJS și o directivă ng-view (un container virtual care permite dezvoltatorilor de interfețe să comute între vizualizări) pentru a spune AngularJS unde paginile de conținut trebuie redate pe pagina shell.
În aceeași pagină „unică”, AngularJS permite dezvoltatorilor să ofere mai multe vizualizări conținute în aceeași adresă URL. Pot apărea diferite seturi de vizualizări - una după alta - în cadrul aceleiași pagini shell și fiecare vizualizare se încarcă dinamic în timp ce utilizatorul parcurge pagina.
Directiva AngularJS încorporată - ng-app - permite dezvoltatorilor să inițializeze aplicația, cu opțiunea de a adăuga și directive ale unor terți. Directiva ng-model, pe de altă parte, vă permite să adăugați expresii de legare a datelor în memorie. Aruncați o privire aici:
ce face iteratorul în java
La nivel global, dezvoltatorii au adoptat SPA folosind AngularJS și, după toate probabilitățile, se așteaptă ca această tendință să dureze o perioadă.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii și vă vom răspunde.
Postări asemănatoare: Carieră de dezvoltare web de succes cu AngularJS