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
Create an account or log in
Keep learning for free! Join and start boosting your career
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
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
Want to see more contributions, questions and answers from the community?