Introducción a Electron

1

Paso a paso para construi aplicaciones con Electron

2

¬ŅQu√© es Electron?

3

¬ŅC√≥mo funciona Electron?

4

Herramientas necesarias

Comenzando con Electron

5

Creando nuestro proyecto

6

Nuestra primera ventana

7

Propiedades de una ventana de Electron

Comenzando con nuestro aplicativo

8

El frontend y Electron

9

Configurando nuestro frontend

10

Herramientas de desarrollo para Electron

11

Algunos frameworks recomendados

12

Construyendo el layout

13

Completar elementos del Layout

Agregando interacción a nuestra aplicación

14

JavaScript en el frontend

15

Selecciona im√°genes

16

Buscar im√°genes

17

A√Īadir filtros a la imagen

18

Comunicación entre procesos

19

Accesando recursos de la m√°quina

20

Leer archivos de directorios

21

Generar listas de imagenes

22

Refactor del proyecto

23

Usando el di√°logo de guardar

24

Guardar im√°genes en disco

25

Usando cajas de mensajes

26

Detectando errores

Interactuando con el sistema operativo

27

Organizando el código del proceso principal

28

M√ļltiples ventanas y comunicaci√≥n entre ellas

29

Creando assets para una nueva ventana

30

Consideraciones para m√ļltiples plataformas

31

Manejo de preferencias

32

Usuario y contrase√Īa

33

Creando un ícono en la bandeja del sistema

34

Imprimiendo

35

Subir una imagen

36

Portapapeles con texto o im√°genes

37

Emitiendo notificaciones

38

Agregando un Men√ļ

39

Atajos

40

Protocolos personalizados

Generando un ejecutable para nuestra aplicación

41

A tener en cuenta para generar ejecutables

42

Configurando el entorno para construcción

43

Configurando el entorno para construcción 2

44

Personalizando nuestro ejecutable

Creando paquetes para distribuir nuestro aplicativo

45

Considerando instaladores para m√ļltiples plataformas

46

Firmas digitales con Code Signing

47

Cierre del curso

Bonus

48

Integración continua

49

Escribiendo tests con Ava y Spectron

Desafios

50

Crear un filtro personalizado

51

Leer las im√°genes ubicaciones remotas (Cloudup)

52

Previsualización de filtros

Crea una cuenta o inicia sesión

¬°Contin√ļa aprendiendo sin ning√ļn costo! √önete y comienza a potenciar tu carrera

Curso de Electron: Apps de escritorio en Windows y Mac

Curso de Electron: Apps de escritorio en Windows y Mac

platzerito18092018 platzerito18092018

platzerito18092018 platzerito18092018

Herramientas necesarias

4/52
Recursos

Estas son las herramientas requeridas para el curso:

Node.js - https://nodejs.org/en/download/, recomendamos intalar la versión LTS.

Si estas en Windows te recomendados intalar windows-build-tools, es un modulo NPM.

Si estas en linux puedes descargar la ultima versión de Node.js del repositorio de
Nodesource: https://github.com/nodesource/distributions

Un editor de texto, el que usa el Adrian es Sublime text.

Aportes 14

Preguntas 2

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Deberian de actualizar el curso o agregar algo mas o una seccion sobre los cabios realizados

Sigue vigente este curso, o ya cambió mucho Electron y sus capacidades?

En mi PC con sistema Linux Mint tenía las versiones desactualizadas, así que utilicé:

Para actualizar Node.js v6.x:

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

Para actualizar npm:

npm i -g npm

windows-build-tools fue depreciado!
node ahora incluye estas herramientas seg√ļn la p√°gina de npm
https://www.npmjs.com/package/windows-build-tools

Para sistema basados en debian recomiendo utilizar el proyecto nvm, el cual permite tener m√ļltiples versiones de nodejs en un mismo entorno y decidir con que versi√≥n trabajar.

Para instalar utiliza la terminal colocando lo siguiente.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

luego habilita nvm usando el siguiente comando:

source ~/.bashrc

y para instalar tu versión de nodejs, lo hace con el siguiente comando.

nvm install **version**

cambiando version por la que quieras instalar, ejemplo:

nvm install 10

Node V6? La version actual es 12 :T

En caso de usar mac el comando npm install --global windows-build-tools a que cambiaria?

En la revisión no está claro que hacer con la siguiente línea:

npm install --global windows-build-tools

está se ejecuta a nivel línea de comandos después de instalar node.js

A este momento de la historia, electron sigue siendo utilizado.
La version actual es la 16

Estoy haciendo un proyecto y quiero ejecutarlo en docker, pero he tenido problemas para correrlo con electrón, tienes alguna sugerencia para hacerlo correctamente.

npm install --global windows-build-tools

Vale la pena aprender esta tecnología

npm windows -build tools

viendo el video, la versi√≥n actual de nos es la 14 ūüėģ que tan viejito es este video