,

Desarrolla aplicaciones de escritorio usando JavaScript y Electron

Posted by






Crea Aplicaciones de Escritorio con JavaScript y Electron

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:

  1. Instalar Node.js: Electron se basa en Node.js, por lo que necesitarás instalarlo en tu sistema.
  2. Configurar un proyecto: Utiliza npm para crear un nuevo proyecto y agregar Electron como una dependencia.
  3. Desarrollar tu aplicación: Utiliza HTML, CSS y JavaScript para construir la interfaz de usuario y la lógica de la aplicación.
  4. 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.


0 0 votes
Article Rating
20 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Juan Daniel
1 year ago

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

Dev Bryan De Jesus Rosa Tavarez
1 year ago

WhatsApp esta hecha con .net MaUI

Osvaldo
1 year ago

Tiene continuación este video?

Ismael Carranza
1 year ago

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 !

Sergio Blanco Medina
1 year ago

Joder! Cada 30 segundos aprendo algo! Eres un p*t* CRACK! Gracias!!

Manny
1 year ago

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

Lucas Abdala
1 year ago

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

Franco Ojeda
1 year ago

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!

Fernando Serna
1 year ago

Hola, cuando se despliega se genera un portable. Exe? (aún no he visto el video)

jorge sanchez
1 year ago

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

Cristian Welt
1 year ago

Hola midu! Muchas gracias, ojalá puedas continuar con otro video de electron, esta muy interesante 🤔

King Manu16
1 year ago

ya me habia emocionado, odio tener que crear botones, y cosas graficas : (

FORTRAN
1 year ago

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'
….

JoelGutierrez
1 year ago

y Discord con que esta hecho?

Sven Andreas Clausz
1 year ago

Se puede integrar react a electron ? De ser asi , estaría buenisimo un video sobre eso. Gracias por todo Midu!

Luis Aquino C
1 year ago

excelente midu!!!!!, siempre te sigo por youtube !!!!!!

Francisco Javier Rodriguez Hernandez
1 year ago

¿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.

Victor Giovanni Beltrán Rodríguez
1 year ago

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

Él
1 year ago

Jajajajaja el dock trolleandote

Son Goku
1 year ago

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 😉