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

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 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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

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 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

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

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

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

npm windows -build tools

viendo el video, la versión actual de nos es la 14 😮 que tan viejito es este video