Головна » Інструментарій » 5 AngularJS Рамках, щоб отримати програми вгору і швидко працювати

    5 AngularJS Рамках, щоб отримати програми вгору і швидко працювати

    Тепер, коли ви добре знайомі з основами, настав час розпочати роботу створення власного веб-додатка з AngularJS. AngularJS зробив побудови додатка на основі Javascript більш інтуїтивним використанням того, що називається директиви, яка працює рука об руку з HTML-розмітками.

    Якщо побудова веб-додатків з землі здається переповненим для вас, не хвилюйтеся. Деякі дуже великодушні розробники адаптував декілька фронтендних рамок для підтримки AngularJS. Як і типові рамки, вони поставляються з попередньо побудованими веб-компонентами. Вони роблять використання фреймворку ідеальним інструментом для тих, кому потрібно отримати швидке веб-додаток.

    Ось 5 фреймворків, які можна використовувати для запуску веб-додатків з AngularJS.

    1. AngularUI Bootstrap

    AngularUI Bootstrap, як випливає з назви, побудований на одній з найпопулярніших фронтальних фреймворків, Bootstrap. Цей фреймворк містить набір компонентів Bootstrap, таких як Carousel, Alert і Collapse разом з деякими доповненнями, наприклад, Rating and TimePicker.

    Всі ці компоненти були перенесені для використання директив AngularJS (нг-повтор і нг-контролер) та спеціальні елементи HTML. Наприклад, замість використання

    щоб обернути Карусель, можна використовувати більше “сенс” користувальницький елемент, і :

          

    Якщо ви великий шанувальник Bootstrap, а також користуєтеся потужністю та продуктивністю, яку пропонує AngularJS, це може бути ідеальним вибором рамок.

    2. Кутовий фундамент

    Інший популярний фреймворк, який також був перенесений для використання AngularJS - Foundation, і він просто названий “Кутовий фундамент”.

    Аналогічно, цей фреймворк змінює компоненти Фонду, щоб прийняти директиву AngularJS та спеціальні елементи HTML, так що тепер ви можете створити веб-додаток, використовуючи семантично назви HTML-елементів , , і , швидше, ніж неоднозначні

    . Ось один приклад того, як ми додаємо компонент Alert з елемент:

     
    alert.msg

    Якщо вам подобається Фонд краще, ніж Bootstrap, то це - основа, з якою потрібно йти. Скачайте Angular Foundation на цій сторінці, або залишайтеся в курсі розвитку проекту за допомогою Github repo.

    3. Іонні рамки

    Іонний поставляється з кількома твердими будівельними блоками, що робить розробку мобільних додатків легким і швидким. Кожен компонент в іонних рамках оптимізований для мобільного досвіду, який в основному залежить від дотику і жестів. Ці компоненти інтерфейсу також складаються з користувацьких елементів HTML. При розгортанні навігації з вкладками, наприклад, ви будете використовувати :

          

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

    4. Мобільний кутовий інтерфейс

    Мобільний кутовий інтерфейс - це мобільний інтерфейс користувача, який є розширенням рамки Bootstrap, спрямованої на створення мобільних додатків. Він використовує більшість синтаксисів Bootstrap 3 з деякими доданими конкретними мобільними компонентами, такими як комутатори, накладання, бічні панелі та прокручувані області. Це залежить тільки від AngularJS, і ви можете легко привести поточну веб-програму до мобільної версії, додавши наданий CSS, щоб перетворити ваш вміст на відповідь.

    Завантажте цю структуру тут

    5. Сітка UI

    Сітка UI це найкращий спосіб працювати з сіткою або таблицею з Angular. Він має багаті можливості для відображення простих, а також складних і великих наборів даних на сітці. UI Grid призначений для виконання складних функцій тільки в разі необхідності, таким чином зберігаючи малі ядра. За допомогою UI Grid ви можете прив'язувати комірки до складних властивостей / функцій, виконувати сортування та фільтрування стовпців, редагувати дані на місці та багато іншого. Щоб змінити стилі відображення сітки даних, використовуйте Customizer.

    Отримати останню мережу інтерфейсу користувача на домашній сторінці.

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