Visão Geral

ElectronJS é uma estrutura de código aberto usada para construir aplicativos de desktop multiplataforma usando HTML, CSS e Javascript. Este curso de treinamento ElectronJS fornece habilidades para construir aplicativos de desktop nativos com ElectronJS usando Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) e Javascript. A estrutura Electron nos fornece APIs, ferramentas de depuração e empacotamento para simplificar o desenvolvimento e a implantação de clientes avançados para plataformas de desktop.

Objetivo

Após concluir este Curso ElectronJS, você será capaz de:

• Para instalar e configurar seu ambiente de desenvolvimento Electron
• Como as partes componentes de um aplicativo Electron se encaixam
• Sobre as partes essenciais da API Electron
• Como funcionam os processos no Electron
• Como empacotar e implantar um aplicativo Electron

Publico Alvo

• Esta aula ElectronJS é voltada para desenvolvedores front-end que desejam construir e implantar aplicativos envolventes e ferramentas de software internas.

Pre-Requisitos

• Experiência de programação com JavaScript

Materiais

Conteúdo Programatico

Introduction to Electron

1. Why electron
2. How it works

Architecture of Electron

Electron quick start

BrowserWindow basics

1. Frameless window
2. Transparent window
3. Basic window properties

Adding Custom Menus

1. Menus with shortuts
2. Submenus
3. Context menus

Working with Dialog module

1. File Open dialog
2. Message Dialog
3. Error dialog

Web contents, screens and Locales

1. Working with web content
2. Event handling (did-start-loading...)

Working with Shell

1. System alert sound
2. Filesystem in OS
3. HTML files with OS

Advanced Browser Window

1. Working with splash window
2. Main window

Debugging application

1. Dev tools
2. Devtron

Testing with Spectron

1. Testing rendering process

Building application