5 AngularJS raamistikku rakenduste kiireks ja kiireks käivitamiseks

Nüüd, kui olete põhitõed, on aeg alustada oma veebirakenduse loomine AngularJS-iga. AngularJS tegi Javascript-põhise rakenduse ehitamiseks intuitiivsema, kasutades seda, mida nimetatakse direktiivid, mis töötab koos HTML-märgistustega.

Kui veebirakenduse ehitamine maapinnalt tundub sulle tohutu, ärge muretsege. Mõned väga helded arendajad on kohandas mõned Frontend'i raamistikud, et toetada AngularJS-i. Sarnaselt tüüpilisele raamistikule on nad varustatud eelnevalt ehitatud veebikomponentidega. Need muudavad raamistiku kasutamise ideaalseks vahendiks kõigile, kes vajavad veebirakenduse kiiret käivitamist.

Siin on 5 raamistikku, mida saate kasutada veebipõhise rakenduse käivitamiseks AngularJS-iga.

1. AngularUI Bootstrap

AngularUI Bootstrap, nagu nimigi ütleb, on üles ehitatud ühele kõige populaarsemast karkassist, Bootstrap. See raamistik sisaldab komplekti Bootstrap komponente, nagu näiteks karussell, hoiatus ja kokkuvarisemine koos mõnede lisandustega, nagu hindamine ja TimePicker.

Kõik need komponendid on kantud AngularJSi direktiivide kasutamiseks (ng-kordamine ja ng-kontroller) ja kohandatud HTML-elemente. Näiteks selle asemel, et kasutada a

Karusselli mähkimiseks saate kasutada rohkem “tähenduslik” kohandatud element, ja :

Kui oled Bootstrapi suur fänn, samal ajal kui nautida AngularJSi pakutavat võimu ja jõudlust, võib see olla ideaalne raamistiku valik.

2. Nurkne sihtasutus

Teine populaarne raamistik, mida on kasutatud ka AngularJSi kasutamiseks, on Sihtasutus ja see on lihtsalt nime saanud “Nurkne sihtasutus”.

Samamoodi on see raamistik muutnud Sihtasutuste komponente, et võtta vastu AngularJSi direktiiv ja kohandatud HTML-elemendid, nii et saate nüüd oma veebirakendust ehitada semantiliselt nimega HTML-elementi kasutades , , ja , mitte kahemõtteline

. Siin on üks näide sellest, kuidas me hoiatuskomponendi lisame element:

  alert.msg

Kui sulle meeldib fondi parem kui Bootstrap, siis on see raamistik. Laadige sellel lehel alla nurk-sihtasutus või pidage Github repo kaudu projekti arenguga kursis.

3. Iooniline raamistik

Ionic kaasas käputäis tahkeid ehitusplokke, mis muudavad mobiilirakenduste arendamise lihtsaks ja kiireks. Ionic raamistiku iga komponent on optimeeritud mobiilseks kogemuseks, mis sõltub põhiliselt puudutusest ja žestidest. Need kasutajaliidese komponendid koosnevad ka kohandatud HTML-elementidest. Kui kasutate näiteks tabeldatud navigatsiooni, kasutaksite seda :

Selleks, et oma rakenduse ehitamine oleks veelgi lihtsam ja kiirem, saate kasutada Ionic Creatorit, mis võimaldab teil oma rakendust lohistada. Seega, kui tulemus ja kiirus on teile tähtis, on iooniline parim raamistik.

4. Mobiilne nurk UI

Mobiilne nurk UI on mobiilne kasutajaliidese raamistik, mis on Bootstrap raamistiku laiendus, mille eesmärk on mobiilirakenduste ehitamine. See kasutab enamikku Bootstrap 3 süntaksitest, lisades mõned konkreetsed mobiilsed komponendid, nagu lülitid, ülekatted, külgribad ja keritavad alad. See sõltub ainult AngularJS-ist ja saate oma praeguse veebirakenduse hõlpsasti mobiilsesse versiooni tuua, lisades CSS-i, et muuta teie sisu reageerivaks ja puudutatavaks.

Laadige see raamistik alla

5. UI Grid

UI Grid on parim viis ruudu või laua tööks nurkadega. See sisaldab rikkalikke funktsioone, et näidata võrgus lihtsaid ja ka keerulisi ja suuri andmestikke. UI Grid on loodud keerukate funktsioonide täitmiseks ainult siis, kui see on vajalik, säilitades seeläbi tuuma väikese. UI Grid abil saate siduda rakke keerukate omadustega / funktsioonidega, käivitada veeru sorteerimise ja filtreerimise, redigeerida olemasolevaid andmeid ja palju muud. Andmesidevõrgu kuvamise stiilide muutmiseks kasutage Customizerit.

Hankige uusim UI Grid oma kodulehelt.

5 rakendust, mis ostavad kodust seda puhkust [Arvustatud]

5 Awesome Gadgets alates Kickstarter Worth ostmine

5 Android-rakendused vähemate igapäevaste lukustusekraanide jaoks