5 Rámců AngularJS k rychlému spuštění aplikací

Teď, když se dobře orientujete v základech, je na čase začít budování vlastní webové aplikace s AngularJS. AngularJS učinil intuitivnější aplikaci založenou na Javascriptu pomocí toho, co se nazývá směrnic, , který pracuje ručně s vašimi výrazy HTML.

Pokud se stavba webové aplikace ze země zdá ohromující pro vás, ne strach. Někteří velmi štědrí vývojáři mají přizpůsobil několik rámcových rámců pro podporu AngularJS. Stejně jako typický rámec přicházejí s předdefinovanými webovými komponentami. Díky tomu je použití rámce dokonalým nástrojem pro každého, kdo potřebuje rychle spustit webovou aplikaci.

Zde je 5 frameworků, které můžete použít pro spuštění webové aplikace s AngularJS.

1. AngularUI Bootstrap

AngularUI Bootstrap, Jak název napovídá, je postaven na jednom z nejoblíbenějších frontendových rámců Bootstrap. Tento rámec obsahuje sadu komponent Bootstrap, například Carousel, Alert a Collapse, spolu s některými dodatky, například Rating a TimePicker.

Všechny tyto komponenty byly přeneseny tak, aby používaly direktivy AngularJS (ng-opakování a ng-regulátor) a vlastní HTML elementy. Například, spíše než pomocí a

zabalit Carousel, můžete použít více “smysluplné” vlastní prvek, a :

Pokud jste velkým fanouškem Bootstrapu a zároveň si užíváte výkonu a výkonu, který AngularJS nabídl, mohlo by to být perfektní volba rámce.

2. Angular Foundation

Další populární rámec, který byl také portován k použití AngularJS je Foundation, a to je prostě pojmenovaný “Angular Foundation”.

Podobně tento rámec upravil komponenty Foundation tak, aby přijaly směrnici AngularJS a vlastní prvky HTML, takže nyní můžete vytvořit webovou aplikaci pomocí sémanticky pojmenovaného elementu HTML elementu. , , a , spíše než dvojznačný

. Zde je jeden příklad toho, jak přidáváme komponentu Alert s živel:

  alert.msg

Pokud se vám líbí Foundation lepší než Bootstrap, pak je to rámec, se kterým jdete. Stáhněte si Angular Foundation na této stránce, nebo se informujte o vývoji projektu prostřednictvím repo Github.

3. Iontový rámec

Ionic přichází s několika pevnými stavebními bloky, díky kterým je vývoj mobilních aplikací snadný a rychlý. Každá komponenta Ionic framework je optimalizována pro mobilní zážitek, který je v podstatě závislý na dotyku a gestech. Tyto komponenty uživatelského rozhraní se také skládají z vlastních prvků HTML. Například při zavádění navigace s kartami byste použili :

Chcete-li vytvořit aplikaci ještě jednodušší a rychlejší, můžete použít aplikaci Ionic Creator, která vám umožní vytvořit aplikaci pomocí přetažení. Je-li pro vás důležitý výkon a rychlost, je Ionic nejlepším rámcem.

4. Mobilní úhlové UI

Mobilní úhlové UI je framework pro mobilní UI, který je rozšířením rámce Bootstrap, jehož cílem je budovat mobilní aplikace. Používá většinu syntaxí Bootstrap 3 s některými přidanými specifickými mobilními komponentami, jako jsou přepínače, překryvy, postranní lišty a rolovatelné oblasti. Je závislý pouze na AngularJS a můžete snadno přenést svou aktuální webovou aplikaci do mobilní verze přidáním poskytnutých CSS, aby váš obsah byl citlivý a umožňoval dotek.

Stáhněte si tento rámec zde

5. UI Grid

Mřížka uživatelského rozhraní je nejlepší způsob, jak pracovat s mřížkou nebo tabulkou s úhlem. Má bohaté funkce pro zobrazení jednoduchých a složitých a rozsáhlých datových sad na mřížce. UI Grid je navržen tak, aby vykonával komplexní funkce pouze v případě potřeby, čímž se jádro udržuje malé. S UI Grid můžete vázat buňky na komplexní vlastnosti / funkce, spouštět třídění a filtrování sloupců, upravovat data na místě a další. Chcete-li změnit styl zobrazení datové sítě, použijte nástroj Customizer.

Získejte nejnovější UI Grid z domovské stránky.

5 aplikací nakupovat z domova Tento svátek [Recenzováno]

5 Awesome Gadgets od Kickstarter Worth Nákup

5 Aplikace pro Android pro méně nudné obrazovky