Начална » Toolkit » 5 AngularJS рамки за да получите Apps Up и тичам бързо

    5 AngularJS рамки за да получите Apps Up и тичам бързо

    Сега, когато сте добре запознати с основите, е време да започнете изграждане на собствено уеб приложение с AngularJS. AngularJS направи изграждането на приложение, базирано на Javascript, по-интуитивно, използвайки това, което се нарича директиви, който работи ръка за ръка с вашите HTML маркировки.

    Ако изграждането на уеб приложение от земята изглежда непоносимо за вас, не се притеснявайте. Някои много щедри разработчици имат адаптира няколко фронтенд рамки в подкрепа на AngularJS. Подобно на типична рамка, те идват с предварително изградени уеб компоненти. Те правят използването на рамката перфектния инструмент за всеки, който се нуждае от бързо и бързо изпълнение на уеб приложение.

    Ето 5 рамки, които можете да използвате, за да стартирате уеб-базирано приложение с AngularJS.

    1. AngularUI Bootstrap

    AngularUI Bootstrap, както подсказва името, е изграден на върха на една от най-популярните фронт-енд рамки, Bootstrap. Тази рамка съдържа набор от компоненти на Bootstrap като Carousel, Alert и Collapse, заедно с някои допълнения, като Rating и TimePicker.

    Всички тези компоненти са пренесени за използване на директивите AngularJS (NG-повторение и нг контролер) и персонализирани HTML елементи. Например, вместо да използвате a

    за да обгърнете въртележка, можете да използвате още “смислен” персонализиран елемент, и :

          

    Ако сте голям фен на Bootstrap, докато също се наслаждавате на силата и представянето, които AngularJS предлага, това може да бъде перфектен избор на рамка.

    2. Ъглова основа

    Друга популярна рамка, която също е била пренесена за използване на AngularJS е Foundation, и тя е просто назована “Ъглова фондация”.

    По подобен начин тази рамка е модифицирала компонентите на Фондацията, за да приеме директивите на AngularJS и персонализираните HTML елементи, така че сега можете да изградите своето уеб приложение, използвайки семантично наименувани HTML елементи , , и , по-скоро от неясните

    . Ето един пример за това как добавяме компонент Alert с елемент:

     
    Alert.msg

    Ако ви харесва фондацията по-добре от Bootstrap, тогава това е рамката, с която да отидете. Свали Angular Foundation на тази страница, или остани в крак с времето с развитието на проекта чрез Github repo.

    3. Йонна рамка

    йонийски идва с шепа солидни блокове, което прави разработването на мобилни приложения лесно и бързо. Всеки компонент в йонийската рамка е оптимизиран за мобилно изживяване, което зависи основно от докосване и жестове. Тези UI компоненти също са съставени от персонализирани HTML елементи. При разгръщане на навигация с табове, например, бихте използвали :

          

    За да стане още по-лесно и по-бързо изграждането на вашето приложение, можете да използвате Ionic Creator, който ви позволява да изграждате вашето приложение чрез drag-n-drop. Така че, ако представянето и скоростта са важни за вас, йонийският е най-добрата рамка, с която да се движите.

    4. Мобилен ъглови интерфейс

    Мобилен ъглови интерфейс е мобилна UI рамка, която е разширение на рамката на Bootstrap, предназначена за изграждане на мобилни приложения. Той използва повечето от синтаксисите на Bootstrap 3 с някои добавени специфични мобилни компоненти като комутатори, наслагвания, странични ленти и превъртащи се области. Тя зависи само от AngularJS и лесно можете да пренесете текущото си уеб приложение в мобилната версия, като добавите предоставения от вас CSS, за да превърнете съдържанието си в отзивчиво и с активирано докосване.

    Изтеглете тази рамка тук

    5. UI Grid

    UI Grid е най-добрият начин да се работи с мрежа или маса с Angular. Той има богати възможности за показване на прости, а също и сложни и големи масиви от данни на мрежата. UI Grid е проектиран да изпълнява сложни функции само когато е необходимо, като по този начин поддържа ядрото малко. С UI Grid можете да свързвате клетките със сложни свойства / функции, да стартирате сортиране и филтриране на колони, да редактирате данните на място и повече. За да промените стиловете на дисплея на вашата мрежа с данни, използвайте Customizer.

    Вземете най-новата UI мрежа от началната страница.

    © Savtec
    Полезна информация и съвети за уеб разработка. Програмиране, уеб дизайн, CSS, HTML, JAVASCRIPT. Конфигурирайте и инсталирайте отново WINDOWS. Създаване на сайтове и приложения от нулата.