Использование Phonegap для нативной разработки под iOS и Android

Быстрый ответ

PhoneGap/Cordova объявляется языком для создания кросс-платформенных нативных приложений через HTML/CSS/JavaScript. Сфокусируйтесь на разработке с набором стандартов веб-разработки, упакуйте результат используя Cordova, и начните применение на множестве платформ. Интеграция функций устройства осуществляется через плагины, придающие создаваемым приложениям нативный облик. Вот начало настройки:

npm install -g cordova           # Установка Cordova (добавляем команду 'cordova')
cordova create myApp             # Создание вашего приложения
cd myApp                         # Переходим в директорию проекта
cordova platform add ios         # Добавляем платформу iOS
cordova platform add android     # Добавляем платформу Android
cordova build                    # Компилируем проект под все платформы
cordova run android              # Запускаем приложение на Android

Работайте с подходящими SDK и запускайте созданное приложение на любых устройствах — это проще простого!

Завершение

Взаимодействие с API через onDeviceReady

Доступ к функциям iPhone и другим нужным функциям устройства становится возможным только после срабатывания события 'deviceready'. Соответственно, все API Cordova прогружены и готовы к использованию:

document.addEventListener('deviceready', this.onDeviceReady, false);

onDeviceReady: function() {
    // Тут у нас общение с функционалом вашего устройства
}

Подробнее об этом расскажет наш спикер на видео

Выбор UI фреймворков

Выбранная библиотека, типа Ionic или Framework7, предоставит нативные UI элементы и плавные переходы, позволяя избежать недоразумений между разными UI решениями.

Особенности публикации приложений

Освойте руководства по публикации приложений для различных платформ. У каждого магазина приложений, будь то App Store или Google Play, свои требования и аспекты, которым обязательно стоит уделить внимание.

Фронтенд-разработка с PhoneGap

Примените ваш опыт веб-разработки в создании приложений с помощью PhoneGap. Это как дать крылья вашим способностям и сделать резкий скачок в новую сферу — мобильную разработку.

То, что отличает PhoneGap

PhoneGap — это инструментарий для разработки легковесных приложений. Такие элементы, как LocalStorage и GeoLocation, являются его верными помощниками. А функции устройства, которые вы не используете, можно отключить для повышения производительности.

Применение HTML5 фреймворков

Сочетание PhoneGap с фреймворками, подобными Sencha Touch или Ionic, позволит вам спокойно интегрировать нативные функции. Отдайте предпочтение CSS-анимациям в ущерб DOM (извините, jQuery), чтобы повысить производительность.

Учет различий между платформами

Безукоризненное функционирование кода на всех платформах — вот, что стоит на первом месте. Уделяйте внимание разнице в UI/UX. Легковесные JavaScript-библиотеки, такие как zepto.js, пригодятся для управления быстродействием приложений.

Адаптация под Retina дисплеи и внедрение жестов

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

Визуализация

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

HTML, CSS, JavaScript (🌐)
      |
 🌉  Мост PhoneGap
      |
Нативные платформы приложений (📱)

Ваши навыки в области веб-разработки трансформируются в составные части нативных приложений:

| Веб-знание      | Нативный результат  |
| -------------- | ------------------- |
| HTML           | Пользовательский интерфейс |
| CSS            | Стилизация          |
| JavaScript     | Логика и функции    |

Полезные материалы

1. Документация – Apache Cordova — неоценимый источник помощи для разработчиков PhoneGap.
2. PhoneGap · GitHub — активный центр с исходным кодом, образцами и системой отслеживания ошибок.
3. Устаревший контент – Apache Cordova — остерегайтесь устаревших функций в Cordova: что актуально, а что уже не рекомендуется использовать.
4. Уроки по PhoneGap — ваш персональный путеводитель по PhoneGap, обучающий всем основам пошагово.
5. Создание приложения – Apache Cordova — детальное руководство по созданию и управлению приложениями на PhoneGap, как если бы вы были ниндзя этой платформы.