Deberian de actualizar el curso o agregar algo mas o una seccion sobre los cabios realizados
Introducción a Electron
Paso a paso para construi aplicaciones con Electron
¿Qué es Electron?
¿Cómo funciona Electron?
Herramientas necesarias
Comenzando con Electron
Creando nuestro proyecto
Nuestra primera ventana
Propiedades de una ventana de Electron
Comenzando con nuestro aplicativo
El frontend y Electron
Configurando nuestro frontend
Herramientas de desarrollo para Electron
Algunos frameworks recomendados
Construyendo el layout
Completar elementos del Layout
Agregando interacción a nuestra aplicación
JavaScript en el frontend
Selecciona imágenes
Buscar imágenes
Añadir filtros a la imagen
Comunicación entre procesos
Accesando recursos de la máquina
Leer archivos de directorios
Generar listas de imagenes
Refactor del proyecto
Usando el diálogo de guardar
Guardar imágenes en disco
Usando cajas de mensajes
Detectando errores
Interactuando con el sistema operativo
Organizando el código del proceso principal
Múltiples ventanas y comunicación entre ellas
Creando assets para una nueva ventana
Consideraciones para múltiples plataformas
Manejo de preferencias
Usuario y contraseña
Creando un Ãcono en la bandeja del sistema
Imprimiendo
Subir una imagen
Portapapeles con texto o imágenes
Emitiendo notificaciones
Agregando un Menú
Atajos
Protocolos personalizados
Generando un ejecutable para nuestra aplicación
A tener en cuenta para generar ejecutables
Configurando el entorno para construcción
Configurando el entorno para construcción 2
Personalizando nuestro ejecutable
Creando paquetes para distribuir nuestro aplicativo
Considerando instaladores para múltiples plataformas
Firmas digitales con Code Signing
Cierre del curso
Bonus
Integración continua
Escribiendo tests con Ava y Spectron
Desafios
Crear un filtro personalizado
Leer las imágenes ubicaciones remotas (Cloudup)
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
Herramientas necesarias
4/52Recursos
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:
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?