Hjemmeside » Værktøjskasse » 5 AngularJS rammer for at få apps op og kører hurtigt

    5 AngularJS rammer for at få apps op og kører hurtigt

    Nu hvor du er velbevandret i det grundlæggende, er det tid til at komme i gang opbygge din egen webapplikation med AngularJS. AngularJS lavede opbygning af en Javascript-baseret app mere intuitiv ved hjælp af det, der hedder direktiver, som fungerer hånd i hånd med dine HTML-markeringer.

    Hvis du opbygger en webapplikation fra jorden, synes det overvældende for dig, ikke at bekymre dig. Nogle meget generøse udviklere har tilpasset et par frontenderammer til støtte for AngularJS. Som en typisk ramme, kommer de med præbyggede webkomponenter. Disse gør brug af rammen det perfekte værktøj til alle, der har brug for at få en webapplikation op og kører hurtigt.

    Her er 5 rammer, du kan bruge til at starte en web-baseret applikation med AngularJS.

    1. AngularUI Bootstrap

    AngularUI Bootstrap, som navnet antyder, er bygget på toppen af ​​en af ​​de mest populære front-end rammer, Bootstrap. Denne ramme indeholder et sæt Bootstrap-komponenter som karrusel, Alert og Collapse sammen med nogle tilføjelser, som Rating og TimePicker.

    Alle disse komponenter er blevet portet til at anvende AngularJS-direktiver (ng-repeat og ng-controller) og brugerdefinerede HTML-elementer. For eksempel i stedet for at bruge en

    at pakke karrusellen, kan du bruge en mere “meningsfuld” brugerdefineret element, og :

          

    Hvis du er en stor fan af Bootstrap, mens du også nyder den kraft og ydeevne, som AngularJS tilbyder, kan dette være et perfekt valg af rammer.

    2. Angular Foundation

    En anden populær ramme, der også er blevet portet til at bruge AngularJS er Foundation, og det er simpelthen navngivet “Angular Foundation”.

    På samme måde har denne ramme ændret Foundation-komponenter til at vedtage AngularJS's direktiv og brugerdefinerede HTML-elementer, så du kan nu opbygge din webapplikation ved hjælp af mere semantisk navngivet HTML element-billeder , , og , snarere end den tvetydige

    . Her er et eksempel på, hvordan vi tilføjer en Alert-komponent med element:

     
    Alert.msg

    Hvis du kan lide Foundation bedre end Bootstrap, så er dette rammen at gå med. Download Angular Foundation på denne side, eller hold dig ajour med projektudviklingen via Github repo.

    3. Joniske rammer

    Ionic leveres med en håndfuld solide byggesten, der gør det nemt og hurtigt at udvikle mobile applikationer. Hver komponent i den ioniske ramme er optimeret til mobil oplevelse, som i grunden afhænger af berøring og bevægelser. Disse brugergrænsefladskomponenter består også af brugerdefinerede HTML-elementer. Ved anvendelse af en fanebladnavigation, for eksempel, ville du bruge :

          

    For at gøre det endnu nemmere og hurtigere at opbygge din applikation kan du bruge Ionic Creator, som lader dig bygge din app ved drag-n-drop. Så hvis ydeevne og hastighed er vigtig for dig, er ionisk den bedste ramme at gå med.

    4. Mobile Angular UI

    Mobile Angular UI er en mobil UI-ramme, som er en forlængelse af Bootstrap-rammen, der har til formål at opbygge mobile applikationer. Det bruger de fleste Bootstrap 3 syntakser med nogle tilføjede specifikke mobilkomponenter som omskiftere, overlejringer, sidebjælker og rullerbare områder. Det er kun afhængigt af AngularJS, og du kan nemt medbringe din nuværende webapp til mobilversion ved at tilføje forudsat CSS for at gøre dit indhold lydløst og berøringsaktiveret.

    Download denne ramme her

    5. Brugergrænseflade

    UI-net er den bedste måde at arbejde på et gitter eller bord med kantet. Det har rige funktioner til at vise simple, og også komplekse og store datasæt på et gitter. UI Grid er designet til kun at udføre komplekse funktioner, når det er nødvendigt, hvilket holder kernen lille. Med UI Grid kan du binde celler til komplekse egenskaber / funktioner, kør kolonne sortering og filtrering, redigere data på plads og mere. Hvis du vil ændre stilarter på din datastyringsdisplay, skal du bruge Customizer.

    Få det nyeste brugergrænseflade fra sin hjemmeside.

    © Savtec
    Nyttige oplysninger og tips til webudvikling. Programmering, webdesign, CSS, HTML, JAVASCRIPT. Konfigurer og geninstaller WINDOWS. Oprettelse af websteder og applikationer fra bunden.