Curso de Electron - Criação de aplicações desktop

Desenvolva aplicação desktop com o JavaScript

Veja uma aula de exemplo

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos da plataforma e muito mais!

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos da plataforma e muito mais!
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

O JavaScript está em todo lugar, principalmente hoje em dia em que o desenvolvimento web é tão comum. Além do desenvolvimento web, também é comum vermos o uso de JavaScript para desenvolvimento de aplicativos mobile. Mesmo assim ainda há a necessidade de desenvolvermos aplicações Desktop em determinadas ocasiões. O Electron nos permite usar nossos conhecimentos de desenvolvimento web para criar aplicações Desktop com HTML5, CSS3 e JavaScript. Ele também é usado por empresas como Microsoft, Facebook, GitHub e Slack. Como estamos falando de uma aplicação instalada na máquina do usuário, não precisamos pedir permissões quando formos usar recursos como câmera, microfone, geolocalização, etc. Neste curso iremos aprender como criar aplicações Desktop com Electron. Vamos conhecer as funcionalidades que ele nos fornece e como distribuir nossa aplicação.

Conhecimentos adquiridos

Neste curso você verá como criar um aplicativo desktop em JavaScript. Com conteúdo apostilado e vídeo aulas, você verá em detalhes como montar uma aplicação Desktop com as tecnologias web. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido. Entre outras coisas você aprenderá: - Instalando o Ambiente; - Criando a primeira janela; - Diferenciação e Comunicação entre Main e Renderer; - Fazendo requisições e acessando páginas web; - Notificações, Menus e Dialogs nativos; - Teclas de Atalho, Shell e Área de Transferência; - Gerenciamento de arquivos, Mídia, Câmera e gravação de telas; - Projeto para fixação do aprendizado: Gerenciador de Imagens; - Empacotando e Distribuindo sua Aplicação; - Inicialização Automática da Aplicação.

Para quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento de HTML5, CSS3 e JavaScript e queiram melhorar suas técnicas de desenvolvimento, utilizando uma ferramenta que ajuda a criar aplicações Desktop para Mac, Linux e Windows com um único código.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  • Curso com 3h47 horas de vídeos
  • Curso com certificado de 24 horas
  • Curso com 27 exercícios de fixação
Ambiente do Curso
Sublime Text 3.0.0 ou superior
Node.js 8.3.0 ou superior
Electron 1.7.5 ou superior
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado

Conteúdo Programático

Baixar esta ementa
1 - Conhecendo o Electron
O que é? Visualizar
Por que usar Electron? Visualizar
Por que desenvolver para Desktop hoje em dia?
Quem usa? Casos de Sucesso
Exercícios
2 - Preparando o Ambiente
Instalando o Node.js
Instalando o Electron
3 - Criando a Primeira Janela
Estrutura básica de uma aplicação Electron Visualizar
Criando a primeira janela
Carregando a tela inicial
Iniciando a primeira janela com Electron
Carregando HTML na Janela Visualizar
4 - Entendendo o funcionamento do Electron
Como o Electron funciona?
APIs do Node.js no Navegador
Funcionalidades do Node.js no Navegador
Exercícios
5 - Janelas
BrowserWindow
Janela sem Frame
Janela Transparente
Aplicação sem Janela
<webview>
Janelas Filhas e Modais
dialog
Trabalhando com Janelas Visualizar
Relacionando Janelas Visualizar
Trabalhando com Dialogs
Exercícios
6 - Tela e Gravação
Screen
desktopCapturer
Mini Projeto: Capturando Telas e Janelas
Mini Projeto: Streaming de Vídeo
Mini Projeto: Armazenando Streaming e Salvando como Arquivo
7 - Gerenciamento de Energia
Gerenciando Energia
powerMonitor
powerSaveBlocker
8 - Comunicação entre Main e Renderer
Comunicação entre Main e Renderer
Comunicação ipcRenderer e ipcMain
Acessando funcionalidades do Main no Renderer
ipcRenderer
ipcMain
remote
Exercícios
9 - App
Gerenciando a Aplicação
Eventos
Métodos
10 - Teclas de Atalhos
Accelerator Visualizar
globalShortcut
Exercícios
11 - Menu e ContextMenu
Trabalhando com Menus e ContextMenus
MenuItem
Roles dos Itens do Menu
Menu
ContextMenu
Criando Menus e ContextMenus
Exercícios
12 - Barra de Tarefas
A Barra de Tarefas
ProgressBar
Tasks
ThumbarButton
JumpLists
Exercícios
13 - Notificações
Notification
Menu na Área de Notificações
Tray
14 - Arquivos e Mídia
Arquivos e Mídia
nativeImage
File
Soltando arquivos na aplicação
Drag n’ Drop
Acessando a Câmera do Usuário
Camera
Exercícios
15 - Clipboard
Área de Transferência
Acessando a Área de Transferência
16 - Shell
Comandos do Shell
Executando comandos do Shell
17 - Requisições
Gerenciando Downloads
DownloadItem
Criando e Manipulando Requisições
Fazendo Requisições
WebRequest
Online/Offline
Exercícios
18 - Preparando a Aplicação para Distribuição
Empacotando a Aplicação
Criando Instaladores
Inicialização Automática com o Sistema
19 - Projeto: Gerenciador de Imagens
Projeto: Apresentação e Estruturação
Projeto: Criando o Main
Projeto: Criando a Tela Principal
Projeto: Gerenciando Diretórios
Projeto: Listando Diretórios
Projeto: Gerenciando Arquivos
Projeto: Gerando Templates
Projeto: Navegando entre Diretórios
Projeto: Selecionando Arquivos
Projeto: Inserindo Tray
Projeto: Iniciando a Câmera
Projeto: Salvando arquivos
Projeto: Atalhos e PrintScreen
Projeto: Comunicação entre Janelas
Projeto: Desafio
20 - Conclusão
Depoimento / Brinde

Cursos Relacionados

Últimos lançamentos

Conheça nossos
planos de acesso!

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Resultados de quem
já é nosso aluno!

  • Excelente curso. Não imaginava que o javascript dá tantas opções para desenvolvimento desktop. Node, Electron estão muito interessantes, abre a mente para novas possibilidades. Alexsandro Rosa (Imperatriz - MA) Electron - Criação de aplicações desktop
    Alexsandro Rosa
  • Curso bastante interessante. Apenas iria sugerir trocar o builder de pacote do Electron (lição 18), na qual apesar de ter sido instalado o electron-builder, foi feito referencia a outro modo de empacotar. O Electron-builder é bem moderno, fácil de usar e no caso do MacOS e Linux traz algumas vantagens. De modo geral, este curso superou a expectativa. Nelio Souza (Bauru - SP) Electron - Criação de aplicações desktop
    Nelio Souza
  • Ola sou Reginaldo Alves fiz o curso do treinaweb e garanto que fiquei surpreso com a didática aplicado pelo professor Bruno. Este já é o segundo curso que faço com ele e com certeza irei fazer mais cursos. Pois se quiser profissionalizar na área de edição áudio visual o treinaweb é o caminho Obrigado Bruno por nos conduzir com maestria pelo caminho do audiovisual Reginaldo Alves (Guapirama - PR) Adobe After Effects CC - Completo
    Reginaldo Alves
  • Excelente curso! Programo no paradigma de programação estruturada e o curso me fez abrir a mente para novos conhecimentos que a orientação a objetos proporciona. Agradeço ao professor pelas videoaulas, pela paciência em fazer tudo passo a passo. Abraço para todos e parabéns pelo curso! Robson. José Robson (São José dos Campos - SP) Lógica Orientada a Objetos Completo
    José Robson
  • Muito bom, instrutor bem didático, lições com exemplos reais do dia a dia de edição de vídeo. Esclareceu muitas dúvidas, recomendo. Almir Bueno (Taubaté - SP) Adobe Premiere Pro CC 2015 - Completo
    Almir Bueno
  • Já sou cliente da TreinaWeb. Assim como outros cursos que conclui, esse apresenta qualidade excepcional. Clareza e discernimento são pontos de destaque. Obrigado pela oportunidade. Winter Sousa (Recife - PE) Gerenciamento de projetos - Fundamentos
    Winter Sousa
Veja mais opiniões reais

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

Matricule-se Agora!

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!

  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.

  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos onlines de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Tenho outra(s) dúvida(s)

Últimos Lançamentos

Mais Acessados