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

Create an account or log in

Keep learning for free! Join and start boosting your career

Aprovecha el precio especial y haz tu profesi贸n a prueba de IA

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

0 D铆as
19 Hrs
41 Min
22 Seg
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
Resources

These are the tools required for the course:

Node.js - https://nodejs.org/en/download/, we recommend installing the LTS version.

If you are on Windows we recommend you to install windows-build-tools, it is a NPM module.

If you are on linux you can download the latest version of Node.js from the repository at
Nodesource repository: https://github.com/nodesource/distributions

A text editor, the one Adrian uses is Sublime text.

Contributions 14

Questions 2

Sort by:

Want to see more contributions, questions and answers from the community?

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