criando desktop apps com electron

EMERSON THOMPSON

thompsonweb

thompsonemerson

Desktop Apps com

ELECTRON

QUEM FAZ SITE?

QUEM FAZ APP DESKTOP?

O que é o

ELECTRON?

Tecnologia Web

O Electron usa Chromium e Node.js para que você possa construir seus apps

com HTML, CSS e JavaScript

Open Source

O Electron é uma projeto Open Source mantido pelo Github e possui uma

comunidade ativa de colaboradores

Cross Platform

Compatível com Mac, Windows e Linux Pode ser construídos como executados

na 3 plataformas

Quem fez o

ELECTRON?

Como ele

FUNCIONA?

ECMASCRIPT 6?

http://blog.chromium.org/2016/04/es6-es7-in-browser.html

http://kangax.github.io/compat-table/es6/

Quem usa o

ELECTRON?

Github Atom Microsoft VS Code

Baixa Curva de Aprendizagem

Baixa Curva de Aprendizagem Cross-Platform

Baixa Curva de Aprendizagem Cross-Platform

Atualizações Automáticas

Baixa Curva de Aprendizagem Cross-Platform

Atualizações Automáticas

Acesso a APIs Nativas

Como iniciar

MEU APP

Electron Prebuilt$ npm install -g electron-prebuilt

Instala binários pré-construídos do Electron para uso da command-line usando NPM. Com esse módulo facilmente usará os comandos do Electron sem ter que compilar nada.

$ git clone https://github.com/electron/electron-quick-start

Clona o Quick Start

$ git clone https://github.com/electron/electron-quick-start

Clona o Quick Start

$ npm install

Instala as dependências

$ npm install

Instala as dependências

$ npm start

Executa o projeto

$ git clone https://github.com/electron/electron-quick-start

Clona o Quick Start

Como

BUILDAR?

Electron Packager é uma ferramenta de command-line usada para empacotar o código fonte do Electron app em

executáveis como .app ou .exe.

ELECTRON PACKAGER

ELECTRON BUILDER

Electron Builder é solução completa para preparar seu app para distribuição e 'atualização automática'

de apps Electron

ATUALIZAÇÃO AUTOMÁTICA?

Para turbinar

SEU APP

Ótimas Ferramentas da Comunidade

Electron Packager Buildar seus aplicativos

Electron Builder Fazer o deploy seus aplicativos

Spectron Testar seus aplicativos

Devtron Debugar seus aplicativos

Auto Launch Executa o app ao iniciar o OS

Electron Window State Salva tamanho e posição da tela

MenuBar Aplicativos menubar

Electron Reload Auto-Reload no desenvolvimento

https://github.com/sindresorhus/awesome-electron

@thompsonweb

OBRIGADO!