Ionic – это html5 фреймворк для создания гибридных мобильных приложений. Первый релиз фреймворка прошел в ноябре 2013. Ionic построен на AngularJS и использует его функционал для оперирования DOM.
Ionic framework — один из самых широко обсуждаемых фреймворков. Как гласит официальный сайт, это SDK для создания гибридных мобильных приложений, набор CSS и JS компонент, созданный на основе AngularJS, SASS, Apache Cordova.
Одно из ярких приемуществ в использовании Ionic для разработки мобильных приложений – это то что вам не требуется использовать новые для вас технологии. Если вы уже разрабатываете для веба, то вы определенно знаете HTML, CSS и JavaScript – а это именно те технологии, которые лежат в основе разработки под Ionic. Время разработчика – это сегодня самый дорогой ресурс. Если есть возможность его сократить, то нужно использовать эту возможность.
В пакет с Ionic входит набор инструментов и виджетов для создания приложений. Это анимированные страницы всплывающие окна, кнопки, слайдеры и многое другое. Все элементы адаптированы в первую очередь для работы на мобильном устройстве, хотя по сути ни что не запрещает использовать Ionic для работы с вебом.
Посмотрим, что интересного предлагает Ionic для разработчика:
Ionic CLI
По сути это обёртка над Cordova CLI, предоставляющая дополнительные возможности:
- создание базового приложения с выбором шаблонов (например приложение с боковым меню, приложение с табами, картами Google Maps, пустое приложение);
- сборка и запуск в эмуляторе, на реальном устройстве, в браузере;
- live reload в браузере и на устройстве
- генерацию иконок, сплешскринов и др.
Ionic View
Ionic View — это мобильное приложение для iOS и Android, с помощью которого можно делиться вашими разрабатываемыми приложениями с заказчиком, тестеровщиками, коллегами.
Ionic Creator
Ionic Creator — это drag’n’drop builder интерфейса приложения. С недавних пор он стал публичным, и войти или зарегистрироваться можно здесь.
Элементов, которые можно добавлять на страницы, много: кнопки, формы, разделители, HTML/Markdown вставки, картинки и многое другое. Страницы можно связывать между собой, на событие клика кнопки можно вешать переход к другим страницам приложения.
Ionic Icons
Ionicons — это огромный набор иконок, которые встроены в Ionic. Иконки довольно часто пополняются, а для быстрого поиска нужной иконки по ключевому слову реализован удобный фильтр-поиск.
ngCordova
ngCordova — это набор из более чем 60 плагинов, которые являются AngularJS обертками для наиболее популярных Cordova и Phonegap плагинов, предоставляя уйму возможностей: сканирование баркодов, загрузка файлов, работа с социальными сетями, геолокация, определение статуса сети, API для работы с вибро и многое другое.
Ionic Showcase
Ionic Showcase — это коллекция приложений, написанных на Ionic профессионалами и не только. Есть возможность отправить и своё приложение.
В блоге Ionic часто постят обзоры на самые популярные приложения из Ionic Showcase. По сути, это еще одно подтверждение тому, что гибридные приложения занимают свою нишу и стремительно развиваются, а в некоторых случаях абсолютно не уступают нативным приложениям.
Ionic Material
Ionic Material — надстройка над фрейморком Ionic для материализации интерфейса. Лучше один раз увидеть — на сайте замечательное демо.
Ionic Material не конфликтует со стандартными стилями и классами фреймворка Ionic и по заверению разработчика выполнен строго по гайдлайнам Google.