Que es Electron JS y otros Detalles

4 minuto(s)

El mundo del desarrollo esta lleno de geniales herramientas y tecnologías sorprendentes, hay algunas que aparecen y se van rápidamente porque no logran la popularidad deseada o el objetivo que tenían en mente, pero también hay tecnologías que aparecen y se quedan por mucho tiempo, una de estas tecnologías es Electron JS y en este Post te contaré todo sobre esta tecnologías, vamos con ello.


Antes de continuar, te invito a escuchar el Podcast: “Herramientas Online Para El Trabajo En Equipo”:

Spotify: Sound Cloud:

Bien ahora continuemos con el Post: Que es Electron JS y otros Detalles.

Voy a mencionar los siguientes puntos: Que es Electron JS,  Que podemos hacer con Electron JS, Que empresas y proyectos usan Electron JS y como usar Electron JS.

¿ Que es Electron JS ?

Es un Framework Open Source (hasta la fecha de este Post al menos aún lo es), que nos permite crear aplicaciones de escritorio (Desktop) haciendo uso de elementos y componentes del lado del cliente o que el usuario puede ver. Las aplicaciones se crean haciendo uso de Node JS (JavaScript del lado de servidor) y Chromiun (Navegador Open Source creado por Google y utilizado para crear el Navegador Google Chrome) como interfaz de usuario o en donde se visualiza la aplicación que es creada con Electron JS.

Se podría decir que Electron JS hace uso de JavaScript, HTML, CSS y otras tecnologías que el usuario necesite implementar para complementar su proyecto, ya que el proyecto es alojado en un servidor, el Desarrollador tiene la opción de usar las tecnologías que el servidor soporte. Hasta la fecha de este Post, Electron JS se encuentra en la versión 9.2.0 y en el futuro se lanzaran nuevas versiones con nuevas funciones, características y novedades.

La página oficial de Electro es electronjs.org y en ella encontrará información sobre este Framework, como Documentación, Lanzamientos, Comunidad, Blog, etc.

Electron JS fue lanzado en abril de 2013 (Creado por Cheng Zhao), pero en ese entonces se llamaba Atom Shell, en mayo de 2014 el código fuente de Atom Shell fue liberado bajo licencia MIT, posteriormente en abril de 2015 Atom Shell es cambiado de nombre a Electron y en el mes de mayo de 2016 se lanza la versión 1.0 de esta herramienta, actualmente pertenece y es mantenido por GitHub.

¿ Que podemos hacer con Electron JS ?

Ya que Electron hace uso de tecnologías de navegador de lado del cliente como CSS, JavaScript, HTML, etc. nos permite crear diferentes tipos de aplicaciones como las que existen en Internet, veamos una lista de proyectos que podemos crear con Electron JS.

  • Reproductores de música.
  • Aplicaciones de mensajería.
  • Aplicaciones de videos.
  • Editores de Código.
  • Editores de texto.
  • Sistemas de Ventas.
  • Sistemas Contables.
  • Aplicaciones para gestionar Bases de Datos.
  • Aplicaciones de Blogging.
  • Aplicaciones de Videollamadas.
  • Aplicaciones de Redes sociales.
  • Entre otras más.

Electron usa el contenido creado con tecnologías de navegador (CSS, JavaScript, HTML, etc.) y los muestra en un cliente similar a un Navegador.

¿ Que empresas y proyectos usan Electron JS ?

Son muchas las empresas y proyectos que han hecho uso de Electron JS para crear la versión de su producto para computadoras de escritorio (Desktop), veamos algunas a continuación:

  • Spotify
  • Figma
  • Slack
  • Twitch
  • WhatsApp
  • Visual Studio Code
  • Skype
  • Microsoft Teams
  • GitHub Desktop
  • Discord
  • Atom (Editor de código)
  • WordPress Desktop
  • Etcher
  • Raven (RSS Reader)
  • Evernote
  • Musixmatch Lyrics
  • Porddr
  • Entre otras

Hay proyectos que no se encuentra en esta lista, porque no son muy populares, pero si son muy buenas apps que usan Electron JS.

¿ Como usar Electron JS ?

Para poder usar Electron, debes tener instalado Node JS en tu computadora, porque este hace uso de comandos y código JavaScript de Node JS, luego ve a la página oficial de Electron, en ella encontrarás documentación para configurar Electron en el Sistema Operativo con el que cuentes en tu computadora.

Una vez que tengas todo listo, puedes seguir los siguientes pasos para crear tu primera aplicación con Electron JS en este enlace oficial de ellos. Debes de conocer Node JS, ya que las aplicaciones Electron se desarrollan con JavaScript, haciendo uso de los mismo principios y métodos utilizados en el desarrollo para Node JS.

En los siguientes Posts sobre Electron crearemos aplicaciones y profundizaremos más sobre este genial Framework, la aventura recién empieza aquí.

Conclusión

En ese Post hemos aprendido más sobre Electron JS, asimismo podemos ver que hay grandes empresas y proyectos que hacen uso de este genial Framework y como siempre menciono, la mejor manera de aprender algo o dominarle, es poniéndolo en práctica, así que manos a la obra.

Nota (s)

  • Los enlaces compartidos en este Post pueden quedar obsoletos, seguir vigentes o ser modificados, esto no depende de mi, si no de las organizaciones que dan soporte a sus sitios webs.
  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo. 

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.