Гибридные приложения

Или единый код для web, mobile и desktop приложений

Как?

• Web-технологии (HTML + JS + CSS)
• Обёртка с доступом к API платформы

Рассмотрим вариант

• Angular 2
• Ionic 2
• Electron

Но для начала...

Apache Cordova

API

• Accelerometer - работа с акселерометром
• Camera - получение изображения с камеры и работа с фото-библиотеками
• Capture - работа с видео, фото и микрофоном
• Compass - работа с компасом
• Contacts - работа с адресной книгой
• File - доступ к файловой системе
• GeoLocation - получение координат
• Media - проигрывание и запись медиа файлов
• Network - монитор соединения
• Notification - доступ к вибрации, сигналам и уведомлениям
• Storage - работа с WebStorage

Что посмотреть

Официальный сайт Apache Cordova

Там же документация на русском

Создание приложения на базе Cordova и Vue

Ionic 2

Что посмотреть

Официальный сайт Ionic

Репозиторий (есть демки)

Презентация Адама Брэдли
(Рассмотрим детальнее)

Ionic Conference App (Полноценное приложение)
(Рассмотрим как демо)

Пример создания приложения (от установки до сборки)

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

Ionic: комментарии к мифам после года использования

Electron

Схема та же

Web приложение + оболочка

Справочник API

Что посмотреть

Официальный сайт Electron

Репозиторий

Документация на русском

Демо API
(Детальнее рассмотрим)

Quick start tutorial и исходники
(Детальнее рассмотрим)

Дополнительно:
Angular2 Webpack Starter (NativeScript, Electron)