Pull to refresh

Ionic framework. Обзор экосистемы

Reading time 6 min
Views 114K
SimpleWeek corporate blog JavaScript *Programming *Development of mobile applications *Angular *

Ionic framework — один из самых широко обсуждаемых фреймворков. Как гласит официальный сайт, Ionic — это SDK для создания гибридных мобильных приложений, набор CSS и JS компонент, созданный на основе AngularJS, SASS, Apache Cordova.

На момент написания статьи репозиторий Ionic насчитывает 15300 звездочек, а сумма инвестиций в компанию Drifty, чьим продуктом является Ionic, уже достигла $3.7 миллиона.

Посмотрим, что интересного предлагает Ionic для разработчика.
Читать дальше →
Total votes 21: ↑19 and ↓2 +17
Comments 28

Разработка кроссплатформенного приложения с помощью Ionic Framework

Reading time 12 min
Views 83K
JavaScript *Development for iOS *Development for Android *Angular *
Tutorial
image

Всем привет! Не так давно в одном из комментариев я пообещал написать вводную статью для быстрого знакомства с возможностями Ionic Framework (далее IF). Стараюсь сдерживать свои обещания. Для начала мне хотелось бы выложить список ссылок, которыми часто пользуюсь при разработке с помощью IF:


Читать дальше →
Total votes 23: ↑21 and ↓2 +19
Comments 17

Ionic Framework — работа с камерой

Reading time 7 min
Views 15K
JavaScript *Development for iOS *Development for Android *Angular *
Tutorial
image

По результатам опроса из первого топика продолжаю серию статей об Ionic Framework (далее IF). Сегодня поговорим о работе с камерой устройства и в дополнение рассмотрим работу с localStorage. В качестве основы возьмем приложение из прошлого топика и добавим нужную функциональность.


Читать дальше →
Total votes 16: ↑13 and ↓3 +10
Comments 20

Angular обертка для Apache Cordova плагина для работы с серсивисом Card.IO

Reading time 3 min
Views 4.8K
JavaScript *Development of mobile applications *Angular *

Всем доброго времени суток


Последние несколько месяцев занимаюсь разработкой гибридных мобильных приложений, с использованием Ionic фраемворка и Cordova плагинов. Поскольку сам Ionic использует AngularJs, то использование библиотеки ngCordova было очень удобным из-за Angular обертки.

Но возникла необходимость внедрить в проект поддержку сервиса CardIO. CardIO предоставляет функционал для сканирования фронтальной части кредитной карты. Информация о cvv вводится вручную.

Поискав на сайте Cordova плагин для этого сервиса, и выбрав среди нескольких существующих вариантов, остановился на этом — Plugin. Использовать его в чистом виде не хотелось, потому решил написать Angular обертку для этого плагина, для его дальнейшего использования.
В итоге получилось следующее angular-cordova-cardio
Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Comments 4

Как подписать ваше гибридное мобильное приложение для размещения в Google Play

Reading time 4 min
Views 21K
Development of mobile applications *Development for Android *
Sandbox
Итак, вы трудились много дней (а может и ночей), и вот ваше первое гибридное мобильное приложение готово. Оно достаточно стабильно, большинство критичных багов закрыто. Остались мелкие, но помня о том, что перфекционизм — зло, вы принимаете волевое решение выложить приложение.

Необходимое условие для этого — наличие подписанного APK файла. Как подписать apk файл, вы узнаете из этой статьи.
Читать дальше →
Total votes 21: ↑19 and ↓2 +17
Comments 14

Ionic 2 vs React Native: сравнение фреймворков для создания корпоративных мобильных приложений

Reading time 16 min
Views 32K
JavaScript *Development of mobile applications *
Sandbox
Мобильный доступ к данным ускоряет выполнения бизнес-процессов компании. Мобильное согласование служебных записок или утверждение отпусков уже привычная составляющая работы в корпорациях. Мобильные устройства есть у каждого сотрудника, таким образом компания может использовать эти устройства без инвестиций в них. Большой зоопарк мобильных устройств необходимо учитывать во время разработки корпоративного мобильного приложения: оно должно работать и иметь одинаковый вид на всех устройствах.

В этой публикации мы рассматриваем создание таких корпоративных мобильных приложений с использованием различных JavaScript фреймворков.
Читать дальше →
Total votes 22: ↑20 and ↓2 +18
Comments 41

Воркшопы на FrontFest — кросс-платформенные приложения на Angular, 3D-игры на Canvas и бекенды на Node.js

Reading time 3 min
Views 3.2K
2ГИС corporate blog CodeFest corporate blog Website development *JavaScript *Node.JS *


Мы уже писали на Хабре о докладах в основных потоках FrontFest — JavaScript, вёрстка, смежные и экспериментальные технологии. Настало время рассказать о форматах. Помимо докладов будут квартирники (такой вид дискуссионных панелей) и воркшопы. Сегодня поговорим о воркшопах, и сразу главное — посещение воркшопов не требует никаких доплат и доступно по обычному билету участника. Да, вот так просто.

На воркшопах вы узнаете о хакерских способах низкоуровневых оптимизаций, приобретете навыки работы с Web Audio API и 3D на Canvas, научитесь делать свои веб-приложения нативными для iOS, Android, Windows и MacOS с помощью Ionic (Angular) и построите production-ready бекенд на Node.js с нуля.
Подробнее
Total votes 22: ↑19 and ↓3 +16
Comments 0

ReadyScript Mobile — готовое eCommerce мобильное приложение

Reading time 9 min
Views 5.4K
ReadyScript lab. corporate blog CMS *Programming *Development of mobile applications *Development for e-commerce *
«Хочу мобильное приложение для интернет-магазина» — такие запросы все чаще поступают от владельцев брендов к веб-разработчикам. Но как обычной веб-студии удовлетворить столь масштабный запрос, если среди компетенций компании есть только веб-разработка?

По нашим данным, в большинстве случаев небольшие веб-студии пытаются отговорить клиента от мобильного приложения в пользу обычной адаптивности сайта или независимой мобильной версии. Часто это удается, хотя приходится отбиваться от множества сложных вопросов, например, таких как: “А почему у всех брендов, которые на слуху есть собственное мобильное приложение, зачем они тогда его делают?”.

В тех же случаях, когда клиента переубедить не удается и он все же желает предоставить своим пользователям высокий уровень сервиса и проникновения своего бренда в различные устройства, веб-студия начинает поиск имеющихся решений.

В 2016 году мы оценили эту проблему и спустя год предложили готовое решение для создания мобильного приложения для интернет-магазинов, разработанных на платформе ReadyScript. Как обычно, мы предлагаем и SaaS и коробку. Новый сервис получил название ReadyScript Mobile.



Под катом расскажем, какие технологии мы использовали, с какими трудностями сталкивались и как их преодолевали. Попутно сравним с другими решениями уникальное качество нашего сервиса, а именно прямую интеграцию с интернет-магазином клиента, без посредников.
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Comments 6

Навигация в кроссплатформенных приложениях: почему NavController победил angular/router в Ionic 4

Reading time 5 min
Views 2.9K
Development of mobile applications *Angular *
Sandbox


Всем привет! Меня зовут Никита Жигамовский, программист в KitApp и я хочу рассказать о своем опыте построения навигации в Ionic 4: проблеме, с которой столкнулся, и ее решении.

Я занимаюсь разработкой кросс-платформенных решений для мобильных приложений с 2018 года. Раньше работал на Ionic 3-й версии, но, так как время идет, функционал развивается, решил перейти на версию поновее, да и надоедливые моменты и баги предыдущей модели в Ionic 4 вроде бы уже устранили.
Читать дальше →
Total votes 9: ↑8 and ↓1 +7
Comments 2

Как я научился делать мобильные приложения на Ionic/Angular за 42 часа

Reading time 13 min
Views 17K
JavaScript *Programming *Development of mobile applications *Development for Android *Angular *
✏️ Technotext 2022

Расскажу как я решил погрузиться в мобильную разработку. Какую поставил цель, какие ресурсы выделил для её достижения, с какими трудностями столкнулся и как решил возникшие проблемы. Также будет немного аналитики, размышлений о карьере программиста и личного опыта при взаимодействии с рекрутерами.

Читать далее
Total votes 16: ↑12 and ↓4 +8
Comments 32