Upload
emerson-thompson
View
451
Download
4
Embed Size (px)
Citation preview
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!