D4mations.com

An Intro To Electron – Desktop Apps with JavaScript



In this video we will just start to scratch the surface with Electron which is a library to create desktop applications using only HTML, CSS and JavaScript.

We will use code from the quick start and create a very simple system info desktop app

Quick Start Repo:
https://github.com/electron/electron-quick-start

SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:
http://www.paypal.me/traversymedia
http://www.patreon.com/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia

http://www.linkedin.com/bradtraversy

Original source

d4mer

, , , , , ,

41 responses to “An Intro To Electron – Desktop Apps with JavaScript”

  5. Man how awesome, I'm a web developer myself and the ability to use that to build desktop apps cross platform? ahhhhh

    thanks for this intro

    edit: shit… 3:45 does this mean you can't package the apps as say a .exe that doesn't require installing other stuff (like node.js) it would just come inside that .exe as an execution command or something? That would suck if you have to setup an environment that runs an electron app.

    I use Visual Studio Code that for Linux/Windows I just download a file and run it so maybe…

  7. i am getting an error like:
    Node: ${process.versions.node}
    instead of the version number
    it is like the ${process.versions.node} is considered as a part of the string ,what do i do about?

    here's my code: let output = "<h2 class='page-header'>App Version Data</h2> <ul class='list-group'><li class='list-group-item'>Node: ${process.versions.node}</li></ul>";

  12. I really want to learn this and follow along but atom is giving me all kinds of errors about "No ESLint configuration found"… I think it has something to do with it not recognizing the ES6 syntax? Could anyone help me? The first line of code I wrote and i'm in trouble!

  15. Hi, great video! how can we embed an electron app inside another electron app, similar to ? By embed, I mean instead of redirecting to a my second app to do something, I can simply run the second app inside the first one. Similar to having google maps inside my own app instead of redirecting to google maps, have the user enter in the information there and then returning back to my app. Similar to web frame / web view functionality. I want do something similar with my electron apps. Hope to hear from you soon on how I can do this. If possible, would appreciate a tutorial on embedding an electron app inside another electron app. Thanks! 🙂

  17. Hey, Brad, I need your help?. I have to install electron but it's not installing it's getting to node install.js and stopping there what exactly its happing I don't know… would you please help me there…..
    Thanks for such greater tutorials……

  25. This is awesome! Very great tutorial! I've' seen some of your stuff now and I have subscribed to your channel. So, I stopped coding back in 20001 after burning out. I was writing ActiveX and inserting into web browser to distribute. I am finally ready to get back in the game and finally have hope since cross-platform support is here and embedded into the browser. I was looking for a good framework to start with like MEAN. Since, I want to re-write some apps I developed for a vendor years ago, I will still be able to deploy via web server. This is great!

Leave a Reply