Pagina principala » Setul de instrumente » 5 Framework AngularJS pentru a obține aplicații în sus și a alerga rapid

    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 (ng-repeat și ng-controler) și elemente HTML personalizate. De exemplu, mai degrabă decât folosind a

    pentru a înfășura caruselul, puteți folosi mai mult “plin de înțeles” personalizat, și :

          

    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.

    2. Fundația Angulară

    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 , , și , mai degrabă decât ambiguu

    . Iată un exemplu despre modul în care adăugăm o componentă Alertă cu element:

     
    Alert.msg

    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.

    3. Cadrul ionic

    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.

    4. UI mobil unghiular

    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

    5. Grila UI

    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.

    © Savtec
    Informații utile și sfaturi de dezvoltare web. Programare, design web, CSS, HTML, JAVASCRIPT. Configurați și reinstalați WINDOWS. Crearea site-urilor și aplicațiilor de la zero.