Create Desktop App + Installer with HTML/CSS/JS - Electron Tutorial 2020

Electron tutorial (2020 updated version) In this video you'll learn how to
1) Use Electron Forge to setup new project
2) Write a simple CPU monitoring Desktop App
3) Basic concept of IPC (Inter-process communication)
5) Create Executable file and Windows installer (.exe) with Electron Builder
6) Change Application Icon and Display Name in Control Panel
7) Request admin privilege when running your app
********* Follow us on **********
********* Studio Equipment **********
#Electron #JavaScript #HTML

[osikemhekhaigodsfavourbrun]

The truth is that in the whole of the internet you are the only person who truly explain how to deploy electron app to a lay man understanding. I do really appreciate, you've save a ton of my searches. May God bless you in Jesus Name. I am deeply grateful.

[muslimk]

"I am a lazy person" - Every programmer ever.

[majaysakthishankar]

Conclusion : JavaScript is the skill which we need to master in order to all these Cool Stuffs.

Thanks Redatapler Love all your Stuffs.

[BurningIceGod]

a short follow-up on how to create and deploy automatic updates for this app would be great :)

[stuvius]

Will try this out but it's a really nice tutorial. Didn't skip the basics, and included everything I needed to know without any sidetracking

[dalepres]

I've got over 20 years of web development experience with different platforms and frameworks. Even with that background, this is the absolute best tutorial on using electronjs I have seen. Now I think I can actually start building a working electron app. Thanks!

[stephennardone]

I am just starting out with Electron JS and this answered so many questions for me. Thank you for this! One thing I would like to know more about is how to integrate other languages and what languages would be best, if at all possible.

[feliuswyvern]

Was having issues figuring out how to setup an installer. This video helped out a lot

[DamienzTheBand]

Very nicely paced and thanks for getting into the installer a bit. When getting into a framework the first thing you want to do is to see the whole procedure to the end product. What happens in between, the actual building of the code, is less interesting as it is most likely the same as standard scripting. The next thing would be to see best practices of reading-writing on disk on all systems and the pit-falls therein (cause no 2 OS:es are the same here). Thanks for a clear explanation!

[yonggonlee]

Finally something actually works! Thank you very much.

[KimionTM]

If any of you get the "require is not defined" error, try adding
contextIsolation: false
to the webPreferences

[CompilingInput]

Concise n to the point intro for newbies, luv it 👍

[gcristian]

You're a savior! Thank you very Keep making videos like this!!!!

[dragoonussolonar]

I've been playing around with Electron last couple of days, got a lot further developing then I imagined, but wanted to test building, a concept as a web developer I am somewhat unfamiliar with. It did not go well. electron-packager, electron-forge, and electron-builder all failing. I had no idea why. I still have no idea why. However, using npm as you have instead of yarn as electron-builder docs suggests magically remedies the epipe issue I had. In only a few minutes nearer the end of your video you've solved hours of me messing. Thank you!!

[mattmcewan]

Subscribed! Really well done tutorial - helped a lot, thanks

[ajith]

Thanks for the video. That was really helpful.

[kidslovervn]

This is what I am looking for! thanks for sharing this tutorial! you are amazing

[yolamontalvan]

Thanks for this lesson. It was easy to understand.

[MrVipulLal]

Thanks for the tutorial. Do the installers uploadable to MAC and Windows App Store?

[kamyarsedghi]

My only regret is that I have only one like per video to give. Keep the good work. ❤