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

Curso de

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

Desenvolva aplicação desktop com o JavaScript

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

  • 24h

    Curso com certificado de 24 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

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

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

6x R$ 24,98

R$ 149,90 à vista

Informações sobre o curso

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.

  1. JavaScript Básico
  2. JavaScript Intermediário
  3. JavaScript Avançado
  4. HTML5 e CSS3 - Desenvolvimento web Básico
  5. Node.js Completo

Carga horária do curso

3h47

Curso com 3h47 horas de vídeos

24h

Curso com certificado de 24 horas

27

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

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

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

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

6x R$ 24,98

R$ 149,90 à vista

Conteúdo programático Baixar esta ementa

1 - Conhecendo o Electron

  1. Códigos, imagens, diagramas etc.

    O que é? Visualizar
  2. Códigos, imagens, diagramas etc.

    Por que usar Electron? Visualizar
  3. Códigos, imagens, diagramas etc.

    Por que desenvolver para Desktop hoje em dia?
  4. Códigos, imagens, diagramas etc.

    Quem usa? Casos de Sucesso
  5. 3 desafios.

    Exercícios

2 - Preparando o Ambiente

  1. Códigos, imagens, diagramas etc.

    Instalando o Node.js
  2. Códigos, imagens, diagramas etc.

    Instalando o Electron

3 - Criando a Primeira Janela

  1. Códigos, imagens, diagramas etc.

    Estrutura básica de uma aplicação Electron Visualizar
  2. Códigos, imagens, diagramas etc.

    Criando a primeira janela
  3. Códigos, imagens, diagramas etc.

    Carregando a tela inicial
  4. Vídeoaula com duração de: 00:07:37

    Iniciando a primeira janela com Electron
  5. Vídeoaula com duração de: 00:04:05

    Carregando HTML na Janela Visualizar

4 - Entendendo o funcionamento do Electron

  1. Códigos, imagens, diagramas etc.

    Como o Electron funciona?
  2. Vídeoaula com duração de: 00:03:33

    APIs do Node.js no Navegador
  3. Códigos, imagens, diagramas etc.

    Funcionalidades do Node.js no Navegador
  4. 3 desafios.

    Exercícios

5 - Janelas

  1. Códigos, imagens, diagramas etc.

    BrowserWindow
  2. Códigos, imagens, diagramas etc.

    Janela sem Frame
  3. Códigos, imagens, diagramas etc.

    Janela Transparente
  4. Códigos, imagens, diagramas etc.

    Aplicação sem Janela
  5. Códigos, imagens, diagramas etc.

    <webview>
  6. Códigos, imagens, diagramas etc.

    Janelas Filhas e Modais
  7. Códigos, imagens, diagramas etc.

    dialog
  8. Vídeoaula com duração de: 00:08:17

    Trabalhando com Janelas Visualizar
  9. Vídeoaula com duração de: 00:03:02

    Relacionando Janelas Visualizar
  10. Vídeoaula com duração de: 00:04:20

    Trabalhando com Dialogs
  11. 3 desafios.

    Exercícios

6 - Tela e Gravação

  1. Códigos, imagens, diagramas etc.

    Screen
  2. Códigos, imagens, diagramas etc.

    desktopCapturer
  3. Vídeoaula com duração de: 00:13:50

    Mini Projeto: Capturando Telas e Janelas
  4. Vídeoaula com duração de: 00:07:44

    Mini Projeto: Streaming de Vídeo
  5. Vídeoaula com duração de: 00:14:47

    Mini Projeto: Armazenando Streaming e Salvando como Arquivo

7 - Gerenciamento de Energia

  1. Códigos, imagens, diagramas etc.

    Gerenciando Energia
  2. Códigos, imagens, diagramas etc.

    powerMonitor
  3. Códigos, imagens, diagramas etc.

    powerSaveBlocker

8 - Comunicação entre Main e Renderer

  1. Códigos, imagens, diagramas etc.

    Comunicação entre Main e Renderer
  2. Vídeoaula com duração de: 00:07:26

    Comunicação ipcRenderer e ipcMain
  3. Vídeoaula com duração de: 00:02:18

    Acessando funcionalidades do Main no Renderer
  4. Códigos, imagens, diagramas etc.

    ipcRenderer
  5. Códigos, imagens, diagramas etc.

    ipcMain
  6. Códigos, imagens, diagramas etc.

    remote
  7. 3 desafios.

    Exercícios

9 - App

  1. Códigos, imagens, diagramas etc.

    Gerenciando a Aplicação
  2. Códigos, imagens, diagramas etc.

    Eventos
  3. Códigos, imagens, diagramas etc.

    Métodos

10 - Teclas de Atalhos

  1. Códigos, imagens, diagramas etc.

    Accelerator Visualizar
  2. Códigos, imagens, diagramas etc.

    globalShortcut
  3. 3 desafios.

    Exercícios

11 - Menu e ContextMenu

  1. Códigos, imagens, diagramas etc.

    Trabalhando com Menus e ContextMenus
  2. Códigos, imagens, diagramas etc.

    MenuItem
  3. Códigos, imagens, diagramas etc.

    Roles dos Itens do Menu
  4. Códigos, imagens, diagramas etc.

    Menu
  5. Códigos, imagens, diagramas etc.

    ContextMenu
  6. Vídeoaula com duração de: 00:08:00

    Criando Menus e ContextMenus
  7. 3 desafios.

    Exercícios

12 - Barra de Tarefas

  1. Códigos, imagens, diagramas etc.

    A Barra de Tarefas
  2. Códigos, imagens, diagramas etc.

    ProgressBar
  3. Códigos, imagens, diagramas etc.

    Tasks
  4. Códigos, imagens, diagramas etc.

    ThumbarButton
  5. Códigos, imagens, diagramas etc.

    JumpLists
  6. 3 desafios.

    Exercícios

13 - Notificações

  1. Códigos, imagens, diagramas etc.

    Notification
  2. Vídeoaula com duração de: 00:06:23

    Menu na Área de Notificações
  3. Códigos, imagens, diagramas etc.

    Tray

14 - Arquivos e Mídia

  1. Códigos, imagens, diagramas etc.

    Arquivos e Mídia
  2. Códigos, imagens, diagramas etc.

    nativeImage
  3. Códigos, imagens, diagramas etc.

    File
  4. Vídeoaula com duração de: 00:03:39

    Soltando arquivos na aplicação
  5. Códigos, imagens, diagramas etc.

    Drag n’ Drop
  6. Vídeoaula com duração de: 00:02:47

    Acessando a Câmera do Usuário
  7. Códigos, imagens, diagramas etc.

    Camera
  8. 3 desafios.

    Exercícios

15 - Clipboard

  1. Códigos, imagens, diagramas etc.

    Área de Transferência
  2. Códigos, imagens, diagramas etc.

    Acessando a Área de Transferência

16 - Shell

  1. Códigos, imagens, diagramas etc.

    Comandos do Shell
  2. Vídeoaula com duração de: 00:02:20

    Executando comandos do Shell

17 - Requisições

  1. Vídeoaula com duração de: 00:04:56

    Gerenciando Downloads
  2. Códigos, imagens, diagramas etc.

    DownloadItem
  3. Vídeoaula com duração de: 00:08:13

    Criando e Manipulando Requisições
  4. Códigos, imagens, diagramas etc.

    Fazendo Requisições
  5. Códigos, imagens, diagramas etc.

    WebRequest
  6. Códigos, imagens, diagramas etc.

    Online/Offline
  7. 3 desafios.

    Exercícios

18 - Preparando a Aplicação para Distribuição

  1. Códigos, imagens, diagramas etc.

    Empacotando a Aplicação
  2. Códigos, imagens, diagramas etc.

    Criando Instaladores
  3. Códigos, imagens, diagramas etc.

    Inicialização Automática com o Sistema

19 - Projeto: Gerenciador de Imagens

  1. Vídeoaula com duração de: 00:08:00

    Projeto: Apresentação e Estruturação
  2. Vídeoaula com duração de: 00:06:02

    Projeto: Criando o Main
  3. Vídeoaula com duração de: 00:06:16

    Projeto: Criando a Tela Principal
  4. Vídeoaula com duração de: 00:09:02

    Projeto: Gerenciando Diretórios
  5. Vídeoaula com duração de: 00:18:08

    Projeto: Listando Diretórios
  6. Vídeoaula com duração de: 00:05:02

    Projeto: Gerenciando Arquivos
  7. Vídeoaula com duração de: 00:14:18

    Projeto: Gerando Templates
  8. Vídeoaula com duração de: 00:05:23

    Projeto: Navegando entre Diretórios
  9. Vídeoaula com duração de: 00:05:59

    Projeto: Selecionando Arquivos
  10. Vídeoaula com duração de: 00:03:09

    Projeto: Inserindo Tray
  11. Vídeoaula com duração de: 00:11:49

    Projeto: Iniciando a Câmera
  12. Vídeoaula com duração de: 00:06:41

    Projeto: Salvando arquivos
  13. Vídeoaula com duração de: 00:06:43

    Projeto: Atalhos e PrintScreen
  14. Vídeoaula com duração de: 00:07:50

    Projeto: Comunicação entre Janelas
  15. Códigos, imagens, diagramas etc.

    Projeto: Desafio

20 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

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

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

6x R$ 24,98

R$ 149,90 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

Gostei bastante do curso. Atendeu todas as minhas necessidades.

Adquira este curso de forma avulsa

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

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

6x R$ 24,98

R$ 149,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados