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

FULL 6 HOUR COURSE:

Quick Start Repo:

SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:

FOLLOW TRAVERSY MEDIA:

[LazAustin]

When I finally get a javascript job, I'm going all the way back to learn and watch all Brad's videos. One doesn't need anything else.

[unclebuddy]

Great tutorial. Due to breaking changes in Electron, add to createWindow() in the BrowserWindow options to fix the error that says "require is not defined" (same fix needed for Brad's excellent tutorial on 60-minute Electron app):
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}

[gloriousnoobs]

Being more of a backend kind of guy myself I have something like a inner aversion to everything JavaScript, but to be honest Electron is really impressive from what I have seen. Visual Studio Code itself is written with it and I'm really impressed how well it runs on both Windows and Linux. The look and feel is also very consistent and it's not that mess that some cross platform apps tend to be, UI wise.

This technology might just be the trick to make myself learn JavaScript without hating my life for having to do it.

[Loppy]

Awesome, makes electron seem so simple. Before watching this, I thought it would be seriously complicated. I love visual studio code (like many of us) and it's great to see such great tools emerging.

[chessprogramming]

Thank you for this brief intro Brad.
This is exactly what I was looking for.
Now I can finally bring my chess apps all together into a single cross platform GUI!

[richardlair]

I've looked at a lot of programming environments and Electron most definitely interests me. Thanks for educating me.

[stuartgreen]

Been creating C# forms apps for years, planning to give this a go as been learning node and react in recent weeks .

[ScottSaysStuff]

This is sweet!

I am working on my senior project in college and am deciding which technologies to use.
Originally, I planned to go with Angular2 & Firebase (since you have a solid tutorial on), however, Electron seems legit and I think it has a better use case for my application.

Please create a tutorial series for Electron. Which DBMS would be best for Electron?

Keep up the great videos man. You've helped me immensely and I have only been watching your videos for a month or so.

[dzonialucard]

OH MY GOD

I have been waiting for this - i utterly detested JS because i couldnt write desktop stuff.
this is brilliant

[abdulstuntin]

My God! JavaScript is becoming the god of all programming languages front-end, back-end, graphics rendering, and now desktop apps!

[cervantes]

I love this, you've really opened my eyes to the potential of JS well done :)

[williamsgodswill]

Brad Traversy you are very brilliant, Why i am saying this because i have watched almost all of your videos and they keep on solving all of my issues an example is the PHP OOP and MVC and some of your other videos on react js, node js etc thanks for all you are doing. Keep up with your good works

[mufasilfaizal]

The best electron tutorial which i ever seen. As a beginner its helped me so much. I'm using OS X, some processes are different in MAC.

[rja]

I've been building an Electron app for the last couple of weeks and I'm enjoying it. I had some trouble with the mongoose driver for Mongodb so I had to use the MongoDB official node driver but apart from that it's been going quite smoothly.

[kristofernauyokas]

Thanks so much 4 the kewpage. I'm replacing my JAVA app with this approach and so grateful for your selfless sharing. Stay strong, Code on!

[ajakinremi]

I am thirsty for more indeed. Please, I am begging you.

[famstudios]

and here i was thinking javascript was just for web design, had given up on it thank you for this

[werthersoriginal]

You should definitely check out PhotonKit for use with Electron. It is perfect for getting your app to have a native look when choosing your environment. A lot developers use it when building with Electron. Great tutorial by the way!

[vicde]

I tried learning electron few months before, but couldn't learn as the doc's were confusing and was not able to put everything successfully.

great seeing u coming up with the tutorial. am sure I will successfully learn it this time.
looking forward to more in-depth vedios.

thanks bro

[malkitsingh]

liked before watching video..that's how much we believe in you, Brad. Keep bringing up cool stuff. You are the best teacher.