5 Framework AngularJS pentru a obține aplicații în sus și a alerga rapid
Acum că sunteți bine pregătiți în planurile de bază, este timpul să începeți construind propria aplicație web cu AngularJS. AngularJS a construit o aplicație bazată pe Javascript mai intuitivă folosind ceea ce se numește directivă, care lucrează împreună cu marcările dvs. HTML.
Dacă construiți o aplicație web de la sol pare copleșitoare pentru dvs., să nu vă faceți griji. Unii dezvoltatori foarte generoși au a adaptat câteva cadre frontend pentru a sprijini AngularJS. Ca un cadru tipic, ele vin cu componente web pre-construite. Acestea fac ca cadrul să fie instrumentul perfect pentru oricine care are nevoie să primească rapid o aplicație web.
Iată cinci cadre pe care le puteți utiliza pentru a lansa o aplicație bazată pe web cu AngularJS.
1. AngularUI Bootstrap
AngularUI Bootstrap, după cum sugerează și numele, este construit pe unul dintre cele mai populare cadre frontale, Bootstrap. Acest cadru conține un set de componente Bootstrap, cum ar fi carusel, alertă și restrângere, împreună cu unele adăugiri, cum ar fi Rating și TimePicker.
Toate aceste componente au fost portate să utilizeze directivele AngularJS ( Dacă sunteți un mare fan al Bootstrap și vă bucurați de puterea și performanța oferită de AngularJS, aceasta ar putea fi o alegere perfectă a cadrului. Un alt cadru popular care a fost, de asemenea, ported pentru a utiliza AngularJS este Fundatia, si este pur si simplu numit “Fundația Angulară”. În mod similar, acest cadru a modificat componentele Fundației pentru a adopta directivele AngularJS și elementele HTML personalizate, astfel încât să puteți crea acum aplicația dvs. web folosind mai multe elemente semantic numite HTML Dacă vă place Fundația mai bine decât Bootstrap, atunci acesta este cadrul pentru care trebuie să mergeți. Descărcați Fundația Angular în această pagină sau stați la curent cu dezvoltarea proiectului prin intermediul reparației Github. ionic vine cu o mână de blocuri solide de construcție care face dezvoltarea de aplicații mobile ușor și rapid. Fiecare componentă din cadrul ionic este optimizată pentru experiența mobilă, care depinde în principal de atingere și de gesturi. Aceste componente UI sunt de asemenea alcătuite din elemente HTML personalizate. În implementarea unei aplicații de navigare cu file, de exemplu, ați folosi Pentru a face chiar mai ușor și mai repede pentru a construi aplicația, puteți utiliza Creatorul Ionic care vă permite să vă construiți aplicația prin drag-n-drop. Deci, dacă performanța și viteza sunt importante pentru dvs., ionic este cel mai bun cadru pentru a merge cu. Interfață mobilă unghiulară este un cadru UI mobil, care este o extensie a cadrului Bootstrap, destinat să construiască aplicații mobile. Utilizează cele mai multe dintre sintaxele Bootstrap 3 cu unele componente mobile adăugate specifice, cum ar fi comutatoarele, suprapunerile, barele laterale și zonele scrollabile. Este dependentă numai de AngularJS și puteți aduce cu ușurință aplicația web curentă în versiunea mobilă adăugând CSS furnizat pentru a transforma conținutul dvs. în funcție de reacție și activare la atingere. Descărcați acest cadru aici UI Grid este cel mai bun mod de a lucra cu grila sau masa cu Angular. Are caracteristici bogate pentru a afișa seturi de date simple, complexe și mari pe o rețea. UI Grid este proiectat să execute caracteristici complexe numai atunci când este necesar, menținând astfel miezul mic. Cu grila UI puteți lega celulele de proprietăți / funcții complexe, puteți sorta și filtra filtrele, puteți edita date în loc și mai mult. Pentru a schimba stilurile afișării rețelei de date, utilizați Personalizator. Obțineți cel mai recent Grid UI de pe pagina de pornire.ng-repeat
și ng-controler
) și elemente HTML personalizate. De exemplu, mai degrabă decât folosind a
și
:
2. Fundația Angulară
,
, și
, mai degrabă decât ambiguu
element:
3. Cadrul ionic
:
4. UI mobil unghiular
5. Grila UI