Pull to refresh

PhoneJS — Новый HTML5-фреймворк для мобильных приложений

Reading time 8 min
Views 66K
Developer Soft corporate blog JavaScript *Development of mobile applications *
Новые инструменты для разработки под мобильные устройства появляются сегодня чуть ли не каждый день. Большая часть из них — это HTML5-фреймворки, с помощью которых, обладая навыками веб-программиста, можно создавать приложения для смартфонов и планшетов, не углубляясь в изучение платформенных SDK и других языков.

Мы видим этот тренд и видим примеры реализации пользовательских интерфейсов на HTML5, не уступающих по качеству нативным приложениям, и верим, что за HTML5 стоит будущее кросс-платформенных мобильных приложений.



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

Мы в DevExpress организовали небольшую команду, которая на протяжении нескольких месяцев анализировала и пробовала различные существующие средства и подходы. Результат полученного опыта — PhoneJS — наше комплексное решение для создания кросс-платформенных мобильных приложений на HTML5.

Встречайте PhoneJS
Total votes 133: ↑110 and ↓23 +87
Comments 71

Мобильная веб-разработка: HTML5 приложение для Android

Reading time 11 min
Views 110K
JavaScript *Development of mobile applications *HTML *
Tutorial
Recovery mode

Вступление



К счастью, есть более чем один способ написать приложение для мобильного телефона. Можно сделать сайт, упаковать его специальным образом, и вуаля, вот вам и приложение!
Читать дальше →
Total votes 57: ↑39 and ↓18 +21
Comments 39

DevExtreme: быстрое создание кросс-платформенного бизнес-приложения на HTML5 в Visual Studio

Reading time 8 min
Views 29K
Developer Soft corporate blog Development of mobile applications *Visual Studio *
Tutorial
В предыдущих статьях мы уже писали о нашем фреймворке для мобильной разработки — PhoneJS. Сегодня расскажем еще об одном продукте, который призван повысить продуктивность разработчика, в том числе и под мобильные платформы.

Речь идет о DevExtreme — наборе инструментов для Visual Studio 2010 и более поздних версий.

DevExtreme включает:
  1. Упомянутый выше PhoneJS.
  2. JavaScript-библиотеку для визуализации данных ChartJS.
  3. Шаблон проекта для Visual Studio.
  4. Мастер для быстрого создания кросс-платформенного приложения.
  5. Интегрированный в Visual Studio визуальный дизайнер.
  6. Симулятор мобильного устройства для отладки приложения в браузере.
  7. Средства для быстрого запуска на устройстве по QR-коду
  8. Средства упаковки приложений в нативные контейнеры.

Бизнес-приложение — это, как правило, интерфейс вокруг базы данных плюс бизнес-логика. Многие web-фреймворки (Ruby on Rails, Django, Yii, ASP.NET MVC и другие) включают инструменты скаффолдинга для моментальной генерации каркаса приложения на основе уже имеющихся данных.

DevExtreme предоставляет аналогичную возможность для создания так называемых multi-channel приложений, которые будут работать как на мобильных устройствах (включая iOS, Android, Windows Phone 8, Tizen и Microsoft Surface), так и в обычных веб-браузерах. Это делается с помощью специального генератора.

Давайте рассмотрим его работу в действии...
Total votes 41: ↑38 and ↓3 +35
Comments 2

Cordova для Ubuntu

Reading time 1 min
Views 10K
Apps4All corporate blog Development of mobile applications *
Ubuntu начала поддерживать HTML5 приложения через широко распространенную «обертку» Cordova. В Ubuntu Cordova реализована поддержка Apache Cordova API и среды исполнения, которая позволяет превращать фактически страницы в нативные приложения.

С помощью Cordova из HTML5 приложений теперь можно получить доступ к акселерометру, камере, компасу, контактам, файлам, медиа, сети, уведомлениям и тому подобным вещам, собственно как и на всех остальных платформах, типа iOS ил Android.

image

Ubuntu также предоставляет HTML-разработчикам дефолтную тему для соответствия самой ОС.

Начать можно отсюда: http://developer.ubuntu.com/apps/cordova/
Total votes 22: ↑21 and ↓1 +20
Comments 7

Cвежее дополнение к Visual Studio для создания кроссплатформенных приложений на HTML и JavaScript

Reading time 3 min
Views 25K
Microsoft corporate blog
image

Сегодня я хочу поделиться с вами еще одним дополнением, позволяющим разрабатывать кроссплатформенные мобильные приложения для Windows, Windows Phone, iOS и Android, используя Visual Studio 2013. В отличие от многих известных вам фреймворков – это дополнение абсолютно бесплатно и легко в освоении для веб-разработчика. Речь пойдет про дополнение, интегрирующее проект Apache Cordova в Visual Studio 2013.
Читать дальше →
Total votes 29: ↑23 and ↓6 +17
Comments 11

Встречайте, IntelliJ IDEA 14 уже здесь

Reading time 6 min
Views 126K
JetBrains corporate blog Programming *Java *
Закончились праздники и выходные, но не поводы радоваться. Что может быть приятнее, чем узнать о долгожданном обновлении любимой Java IDE? Мы с нетерпением ждали четыре долгих дня, чтобы удивить вас этим приятным сюрпризом. Встречайте IntelliJ IDEA 14!

image

Рассказывая о том, чем мы занимались большую часть года, мы всякий раз переживаем и волнуемся. Каждая новая версия IntelliJ IDEA поднимает планку всеобщих ожиданий. И все-таки каждое обновление — еще один шанс для нас доказать, что совершенству нет предела. Удалось ли на этот раз — судить вам!

Читать дальше →
Total votes 139: ↑135 and ↓4 +131
Comments 191

Работа с ngCordova в Cordova приложениях

Reading time 3 min
Views 5K
JavaScript *Angular *
Всем доброго времени суток.

Есть приложение написанное на ionic и использующее Cordova. Суть приложения — выводить некую информацию с сайта.
Ничего сложного нет. Так же, есть зависимость от интернета. Если есть интернет — отображать свежие данные с сайта, если нет — нужно выводить данные «зашитые» в приложение при релизе. Такое уж было пожелание.
Проблемы возникли, когда нужно было определить наличие интернета на устройстве.
Читать дальше →
Total votes 5: ↑3 and ↓2 +1
Comments 1

Операционные системы, потерянные и обретённые внебраузерным джаваскриптом

Reading time 2 min
Views 17K
Node.JS *
В прошлом году понятие «внебраузерный JavaScript» чаще всего означало движок Node.js (а не, допустим, Rhino или SpiderMonkey, сильно уступающие ему в популярности в этой области) или какой-нибудь итог его встраивания (например, node-webkit).

В нынешнем году в игру вступают форки Node (например, io.js), и их также начинают встраивать — например, проект node-webkit переименовался в nw.js, потому что теперь он использует не Node, а io.js (да и не WebKit, а Blink — с тех давних пор, как Chromium перешёл на этот движок).

Для программистов это означает, в частности, что может отвалиться (или, наоборот, появиться) поддержка той или иной операционной системы. Давайте поговорим об этом.

Какие операционные системы перестают поддерживаться?

Во-первых, первые версии io.js нельзя было установить на Windows XP, нельзя было установить и на Windows 2003. Ещё в середине января казалось, что с этим ничего нельзя поделать: объяснение «io.js компилируется в Visual Studio 2013 Windows Desktop Edition, потому что движок V8 стал полагаться на возможности C++11» воспринималось как приговор — однако затем разработчики поправили дело, так что в файле CHANGELOG.md ветви v1.x можно прочесть, что поддержка этих версий системы Windows возвратилась в io.js, начиная от версии io.js 1.0.3 (20 января).

Подобно кругам по воде, эти изменения прошли по всей экосистеме движков; например, в nw.js версии 0.12.0-alpha3 на поддержку ещё можно надеяться (хотя лично я ещё не успел погонять эту версию на Windows XP), а в предыдущих альфа-версиях её точно нет (потому что они основаны на более ранних версиях io.js).

Во-вторых, KaneUA 19 февраля упомянул, что io.js не поддерживает тридцатидвухбитные версии OS X, в отличие от Node.

Поддержка каких операционных систем может появиться?

Читать дальше →
Total votes 25: ↑17 and ↓8 +9
Comments 18

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

Reading time 6 min
Views 115K
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

Быстрое кроссплатформенное HTML5 приложение на Framework7

Reading time 10 min
Views 78K
JavaScript *HTML *Development for Android *
Задумываясь о разработке html5 приложения, многим сразу на ум приходит jQuery, или точнее jQueryMobile. И попробовав написать даже самое простенькое приложение используя jQueryMobile, очень легко разочароваться, так как производительность и отзывчивость получившегося html5 приложения куда ниже ожидаемого, и уж совсем его не сравнить с нативными приложениями.


Читать дальше →
Total votes 44: ↑43 and ↓1 +42
Comments 20

Нововведения в Cordova 5.0

Reading time 4 min
Views 49K
Website development *JavaScript *Development of mobile applications *HTML *
Sandbox
21 апреля 2015 года команда Cordova (ранее PhoneGap) выпустила версию 5.0 своих инструментов, которые позволяют веб-разработчикам разрабатывать мобильные приложения сразу для нескольких платформ. Новый релиз содержит достаточно много новых улучшений для разработчика, о которых дальше и пойдет речь.

Кроме исправления ошибок, были сделаны следующие улучшения:
  • Поддержка подключаемых WebView
  • Поддержка CSP
  • Сохранение используемых платформ и плагинов в конфигурации проекта
  • Использование NPM для хранения плагинов
  • Русская документация

Подробнее об улучшениях
Total votes 25: ↑23 and ↓2 +21
Comments 14

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

Cordova 5.1.1 и обновления плагинов

Reading time 3 min
Views 7.6K
Website development *JavaScript *Development of mobile applications *HTML *
10 июня 2015г. вышла Cordova 5.1.1 (предыдущая версия была 5.0). Такая задержка с публикацией вызвана тем, что не сразу получилось завершить работу с русским переводом. В основном изменения в этой версии были скорее мелкими улучшениями, чем значительными улучшениями. Около недели назад 22 июня 2015г. также вышло обновление для основных плагинов.

Для тех кому интересно что же было сделано прошу под кат
Читать дальше →
Total votes 9: ↑9 and ↓0 +9
Comments 1

Релиз Cordova 5.2.0

Reading time 3 min
Views 12K
Website development *JavaScript *Development of mobile applications *HTML *
Сегодня вышел новый релиз Apache Cordova — 5.2.0.

Основные изменения в данном релизе это
  • Поддержка флага --browserify
  • Поддержка Windows в plugman
  • Новая команда clean
  • Использование ~ вместо ^ по умолчанию в config.xml при использовании --save


Также намного больший упор делается на использование NPM вместо собсвенного реестра плагинов.

Подробнее под катом.

Также будет немного о предстоящих релизах и вопросы по документации.
Читать дальше →
Total votes 14: ↑14 and ↓0 +14
Comments 11

Tabris.js — быстро знакомимся и пишем Hello World

Reading time 9 min
Views 19K
JavaScript *Development for iOS *Development of mobile applications *Development for Android *
Tutorial

Tabris.js — еще один кросс-платформенный (Android, IOS) мобильный фреймворк. От подавляющего большинства подобных инструментов он отличается тем, что это не обертка над стандартным или Chrome-based WebView. Tabris предоставляет собой набор нативных компонентов, доступный из javascript. Ближайшие аналоги из мне известных это: Telerik Native Script, Appcelerator и React Native.
Читать дальше →
Total votes 20: ↑19 and ↓1 +18
Comments 13

Сборка нативных приложений в ExtJS 6

Reading time 4 min
Views 24K
ExtJS/Sencha *
Sandbox

Введение


Доброго вечера, данная статья освещает процесс сборки проектов ExtJS в нативные приложения, под распространенные мобильные платформы (Android, iOS, Windows Phone) с помощью Cordova / PhoneGap.

ExtJS — многофункциональный framework для создания SPA приложений. В последней на текущий момент версии (6.0) есть возможность использовать два различных toolkit'a, а именно classic и modern. Classic — предназначен для создания стандартных web приложений. Modern — предназначен для создания мобильных web-приложений, его отличия в поддержке touch событий и адаптивной вёрстке. Следует упомянуть что, некоторые компоненты в modern отличаются от classic, а именно: наименование событий и контролов. В данной статье рассмотрен процесс сборки нативного приложения только под Android (cloud and local build) с использованием Modern toolkit.
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 6

PhoneGap vs. Cordova

Reading time 2 min
Views 52K
Development of mobile applications *
Многие ошибочно полагают, что PhoneGap это некая единая система. Однако, существует три различные платформы — Cordova (CLI), Phonegap (CLI) и PhoneGap Build. Каждая имеет свои особенности и мелкие вариации.
Читать дальше →
Total votes 25: ↑21 and ↓4 +17
Comments 20