10 HappyDev-lite-2015 autumn. Данил Валов. Web на просторах Desktop'a

Web на просторах Desktop’а

Данил ВаловFrontend Software Engineer

handsome.is

Проблема

Harvest

Harvest

День “Х”

11.01.2015

HubPlanner

HubPlanner - Line

HubPlanner - Bar

HubPlanner - Pie

HubPlanner - Polar

HubPlanner - Radar

Slack

Slack

Node.js• Node или Node.js (англ. node – узел) — программная

платформа, основанная на бла-бла-бла, превращающая JavaScript из бла-бла-бла в бла-бла-бла. Node.js добавляет возможность JavaScript взаимодействовать с устройствами ввода-вывода через свой API (написанный на C++), подключать бла-бла-бла.

Node.js применяется преимущественно на сервере, выполняя роль веб-сервера, но есть возможность разрабатывать на Node.js и десктопные оконные приложения (при помощи NW.js и AppJS для Linux, Windows и Mac OS) и даже бла-бла-бла.

AppJS

AppJS больше не поддерживается, так как node-webkit достиг цели.Спасибо всем за поддержку :(

node-webkit

node-webkit – Quick Start

Harvest - HubPlanner

Harvest - HubPlanner

Harvest - HubPlanner

Harvest - HubPlanner

Handsome HubPlanner TimeTracker

Handsome HubPlanner TimeTracker

Harvest

Harvest - HubPlanner

Недостатки

Недостатки

node-webkit => NW.js

io.js + node.js = node.js

Mac OS X

MacGap:• небольшой вес приложений;• быстрая скорость работы;• полная поддержка нативных функций

системы.

Windows OS

Atom Shell (Atom Electron):• Windows, Mac OS X, Linux;• не использует браузерных движков (работает

на библиотеке «libchromiumcontent»);• меньше подвержен взлому (отсутствие

уязвимостей браузеров);• работает быстрее, т.к. нет тяжёлого движка;• весит меньше, т.к. нет тяжёлого движка.

iOS и Android

React Native (от Facebook):• использует io.js;• работает несколькими потоками (в отличие

от PhoneGap);• очень Очень ОЧЕНЬ ОЧЕНЬ ОЧЕНЬ быстрая

скорость работы приложения;• templates в jsx;• расширяется в геометрической прогрессии.

PhoneGap

brackets-shell

• разработчики – Adobe Systems Incorporated;• билдится на Mac, Windows, Linux;• последнее обновление – 5 месяцев назад.

Полезные ссылки:

• http://nwjs.io• https://facebook.github.io/react-native/• http://phonegap.com• http://electron.atom.io• https://github.com/MacGapProject• https://github.com/adobe/brackets-shell

Конец