Desarrolla aplicaciones de escritorio con JavaScript y Electron
Electron es un marco de trabajo que te permite crear aplicaciones de escritorio multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript. Con Electron, puedes construir aplicaciones de escritorio que se ejecuten en Windows, macOS y Linux.
JavaScript es uno de los lenguajes de programación más populares y ampliamente utilizados en el mundo. Con la combinación de JavaScript y Electron, puedes desarrollar aplicaciones de escritorio potentes y personalizadas que pueden integrarse con el sistema operativo y funcionar de manera similar a cualquier otra aplicación nativa.
Beneficios de utilizar JavaScript y Electron para aplicaciones de escritorio
- Multipropósito: Con JavaScript y Electron, puedes crear una amplia variedad de aplicaciones de escritorio, desde herramientas de productividad hasta juegos.
- Fácil de aprender y usar: Si ya estás familiarizado con JavaScript, el aprendizaje de Electron será más sencillo y te permitirá comenzar a desarrollar aplicaciones de escritorio rápidamente.
- Multiplataforma: Las aplicaciones desarrolladas con Electron son compatibles con Windows, macOS y Linux, lo que te permite llegar a un amplio público objetivo.
- Comunidad activa: Electron cuenta con una gran comunidad de desarrolladores que comparten recursos, bibliotecas y soluciones a problemas comunes, lo que facilita el desarrollo de aplicaciones de escritorio.
Como comenzar con Electron y JavaScript
Para comenzar a desarrollar aplicaciones de escritorio con JavaScript y Electron, puedes seguir estos pasos:
- Instalar Node.js: Electron se basa en Node.js, por lo que necesitarás instalarlo en tu sistema.
- Configurar un proyecto: Utiliza npm para crear un nuevo proyecto y agregar Electron como una dependencia.
- Desarrollar tu aplicación: Utiliza HTML, CSS y JavaScript para construir la interfaz de usuario y la lógica de la aplicación.
- Empaquetar y distribuir: Una vez que hayas terminado de desarrollar tu aplicación, puedes empaquetarla y distribuirla para su uso en diferentes plataformas.
En resumen, JavaScript y Electron son una excelente combinación para desarrollar aplicaciones de escritorio multiplataforma. Con la creciente popularidad de JavaScript y la versatilidad de Electron, ahora es más fácil que nunca crear aplicaciones de escritorio potentes y personalizadas utilizando las tecnologías web que ya conoces y amas.
QUASAR es un framework de VUE, y QUASAR te puede compilar tu código de vue (js) a electron, o pwa o ssr o ionic. Es una magia
WhatsApp esta hecha con .net MaUI
Tiene continuación este video?
Buenas! he instalado electron y me pone que tengo la version 26.2, pero en el package.json en la parte de dependencias no me sale por ningún lado, debería ponerlo manualmente o es que no lo tengo bien instalado? muchas gracias !
Joder! Cada 30 segundos aprendo algo! Eres un p*t* CRACK! Gracias!!
Es posible crearle GUI con electron o tauri a un script que ya he hecho en powershell?, que por ejemplo cierto boton ejecute una funcion llamada desde powershell
buenas midu…. me podrias ayudar??? hice una aplicacion con react-router-dom y no me funciona el routing en la ventana cuando estoy en la ventana
Tres meses despues, la version que instale es la 23, y yo acá tratando de aprenderlo con un video tutorial del año 2018, nada bien me salian las cosas!
Hola, cuando se despliega se genera un portable. Exe? (aún no he visto el video)
la verdad no entendi la parte de los menu si estas editando los mismo de visual studio code o de la app que estas haciendo
Hola midu! Muchas gracias, ojalá puedas continuar con otro video de electron, esta muy interesante 🤔
ya me habia emocionado, odio tener que crear botones, y cosas graficas : (
9:50
No digas ese tipo de cosas que hay gente que lo malentiende!
En mi equipo medicen lo mismo
cuando lo unico que recomiedo es usar eslint y añadir '.vscode/extensions.json'
….
y Discord con que esta hecho?
Se puede integrar react a electron ? De ser asi , estaría buenisimo un video sobre eso. Gracias por todo Midu!
excelente midu!!!!!, siempre te sigo por youtube !!!!!!
¿Por qué lo pronuncias electrón si se escribe electron? Si no tiene tilde en ón, entonces la sílaba tónica está en la primera E.
Midu una idea… Tú aplicación que hiciste para hacer código dónde usaste Mónaco pásala a electrón, si no mal recuerdo la pasabas por url el código, podrías crear un archivo .miducode que lea los códigos
Jajajajaja el dock trolleandote
Midu me ha encantado!!! de las clases que más he disfrutado!! la he seguido muy bien tomando apuntes poco a poco!!! 😀 ha sido genial y mola mucho como has conseguido el modo oscuro o claro a saco como te has propuesto jaja, increíble, eres un genio, genial clase como todas 🙂 pero hacia mucho tiempo que no veia nada de electron y me encantó el tema del menú y de además su función, útil para siempre además de divertido de aprender 😉