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

No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √ö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

Protocolos personalizados

40/52
Recursos

Aportes 1

Preguntas 2

Ordenar por:

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

o inicia sesión.

Voy a dejar la soluci√≥n a un problema que me encontr√©, y es que no me funcionaba la carga de im√°genes cuando en la ruta hab√≠a palabras con acentos. Para arreglar esto le he a√Īadido la funci√≥n decodeURIComponent de javascrip y as√≠ toma correctamente la ruta:

let myurl = decodeURIComponent(url)

El bloque de código completo ha quedado de la siguiente manera:

protocol.registerFileProtocol('plp', (request, callback) => {
      const url = request.url.substr(6)
      let myurl = decodeURIComponent(url)
      callback({path: path.normalize(myurl)}) // eslint-disable-line
    }, (err) => {
      if (err) throw err
    })