5 AngularJS-ramar för att få upp och driva program snabbt

Nu när du är välkänd i grunderna är det dags att komma igång bygga din egen webbapplikation med AngularJS. AngularJS gjorde byggandet av en Javascript-baserad app mer intuitiv med hjälp av det som heter direktiven, som fungerar hand i hand med dina HTML-markeringar.

Om du bygger en webbapplikation från marken verkar överväldigande för dig, inte oroa dig. Några mycket generösa utvecklare har anpassade några framkantskonstruktioner för att stödja AngularJS. Som en typisk ram, kommer de med förbyggda webbkomponenter. Dessa gör att ramverket är det perfekta verktyget för alla som behöver få ett webbapplikation igång snabbt.

Här är 5 ramverk som du kan använda för att starta en webbaserad applikation med AngularJS.

1. AngularUI Bootstrap

AngularUI Bootstrap, som namnet antyder, är byggt på toppen av en av de mest populära front-end-ramarna, Bootstrap. Denna ram innehåller en uppsättning Bootstrap-komponenter som karusell, varning och kollaps tillsammans med några tillägg, som Rating and TimePicker.

Alla dessa komponenter har hamnat för att använda AngularJS-direktiv (ng-repeat och ng-regulator) och anpassade HTML-element. Till exempel, snarare än att använda a

att sätta i karusellen, du kan använda en mer “meningsfull” anpassat element, och :

Om du är en stor fan av Bootstrap samtidigt som du njuter av den kraft och prestanda som AngularJS erbjöd, kan detta vara ett perfekt val av ramar.

2. Angular Foundation

En annan populär ram som också har hamnat för att använda AngularJS är Foundation, och det heter helt enkelt “Angular Foundation”.

På samma sätt har denna ram ändrat Foundation-komponenter för att anta AngularJSs direktiv och anpassade HTML-element så att du nu kan bygga din webbapplikation med hjälp av mer semantiskt namngivna HTML-element , , och , snarare än tvetydigt

. Här är ett exempel på hur vi lägger till en Alert-komponent med element:

  Alert.msg

Om du gillar Foundation bättre än Bootstrap, så är det här ramverket att gå med. Hämta Angular Foundation på den här sidan, eller håll dig uppdaterad med projektutvecklingen via Github repo.

3. Joniska ramverket

Jonisk levereras med en handfull solida byggstenar som gör det enkelt och snabbt att utveckla mobila applikationer. Varje komponent i den joniska ramen är optimerad för mobilupplevelse, vilket i grund och botten är beroende av beröring och gester. Dessa gränssnittskomponenter består också av anpassade HTML-element. Vid användning av en fliknavigering, till exempel, skulle du använda :

För att göra det ännu enklare och snabbare att bygga din applikation kan du använda Ionic Creator som låter dig bygga din app med drag-n-drop. Så om prestanda och hastighet är viktigt för dig, är joniska den bästa ramen att gå med.

4. Mobile Angular UI

Mobile Angular UI är en mobil UI-ram som är en förlängning av Bootstrap-ramen, som syftar till att bygga mobila applikationer. Den använder de flesta Bootstrap 3-syntaxerna med några extra specifika mobilkomponenter som omkopplare, överlägg, sidor och rullbara områden. Det är bara beroende av AngularJS och du kan enkelt ta med din nuvarande webbapp i mobilversion genom att lägga till tillhandahållen CSS för att göra ditt innehåll lyhört och beröringsaktiverat.

Ladda ner denna ram här

5. UI-nät

UI-nätet är det bästa sättet att arbeta ett galler eller bord med vinkel. Den har rika funktioner för att visa enkla, och även komplexa och stora dataset på ett rutnät. UI Grid är utformat för att endast utföra komplexa egenskaper vid behov, vilket gör att kärnan är liten. Med UI Grid kan du binda celler till komplexa egenskaper / funktioner, kolonn sortera och filtrera, redigera data på plats och mer. Om du vill ändra stilar på din datanätskärm, använd Customizer.

Hämta det senaste gränssnittet från dess hemsida.

5 Apps för att handla hemifrån Denna semester [Recenserad]

5 Fantastiska Gadgets från Kickstarter Worth Buying

5 Android Apps for Less Boring Lock-skärmar