Electron for Desktop Apps: The Complete Developer's Guide (Udemy.com)
Use the Electron Framework to build compelling cross platform desktop applications with the latest web dev technologies
Created by: Stephen Grider
Last updated August 2025
Our take
Based on the ratings of 3,581 students, a sample of their written reviews and the syllabus, as the course stood in August 2025. No course pays to be reviewed.
Stephen Grider's Electron course is a project-driven walk through the framework: four apps over about 8 hours and 93 lectures, from a video file analyzer built on FFmpeg to a system tray timer and a React and Redux video converter. It's aimed at web developers who already know JavaScript and want to see how a browser app becomes a desktop one. With about 22,700 students and 3,580 reviews, the 4.5 rating has held up despite the course's age.
Reviewers like Grider's teaching. The explanations are clear, the projects are practical, and several people say the course taught them how Electron is put together rather than just which API to call. The complaints are consistent. The course dates from 2017 and, even with a 2025 update date on Udemy, reviewers from 2025 and 2026 still say the boilerplate and npm packages are old, and the converter project won't install without version fixes. There's no section on packaging or distributing an app, which several buyers expected from a course calling itself complete. Some find the pace slow and the talking long.
Is it still worth paying for? If the goal is understanding how an Electron app is put together, with multiple windows, menus and tray apps, yes, and reviewers rate the teaching highly. If the goal is shipping a modern, packaged app this week, a course that covers packaging and current tooling will frustrate less, so check the update dates on the courses beside it. Expect to pin package versions and look things up in the Electron docs along the way.
Pros
- Four projects with rising difficulty, from an FFmpeg file analyzer to a React and Redux video converter
- Reviewers say the explanations are clear and the projects show what it takes to run a web app on a native OS
- Short lectures with good audio and visuals; 3,580 reviews and a steady 4.5 rating
- Final section shows how React and Redux fit inside an Electron app
Cons
- Built in 2017; 2025 and 2026 reviewers still report deprecated npm packages and a converter that won't install
- No section on packaging or distributing your finished app, a frequent complaint
- Tray timer project is Mac-specific in places, and some find the pace slow and the talking long
This is a good course, even though it is outdated. Anyone who is interested in the "Architecture" of Electron App, should definitely take this course.
Listed as beginner, but it assumes working JavaScript and a little Node and npm; React is used without being taught.
What you will learn
- Learn how to make native-feeling applications using web development technologies
- Master the intricacies of development with Electron JS
- Build applications that work well on both MacOS and Windows from a single codebase
- Develop both traditional single-window apps and status tray-based apps
- Understand how to integrate existing technologies like React and Redux into your Electron JS apps
- Build a lucrative business with desktop apps, because there is so little competition in the marketplace
Course content
5 sections · 93 lectures · 8 hours of video 19 articles
- 1Basics of Electron 3 free previews5 lectures · 20 min
- 2Handling Electron Projects19 lectures · 1.7 hours
- 3Handling Menu Bars20 lectures · 1.7 hours
- 4Status Tray Applications29 lectures · 2.4 hours
- 5Combining Electron with React and Redux20 lectures · 1.9 hours
Who it is for
The instructor says it suits
- Anyone who wants to create compelling native desktop applications
What you need before you start
- Basic understanding of Javascript
Course Description
Take your web dev skills out of the browser! This course will teach you the topics you need to make a #1 best-selling desktop app.
------------------------------
What is Electron?
Electron is an elegant solution for writing desktop-based apps using existing web technologies you already know, like HTML, CSS, and Javascript. Electron is used for ultra-popular apps like Atom, Slack, and Discord.
Who builds desktop apps?!
In the last 10 years there has been a tremendous shift from desktop to mobile, true, but the result is that there is a huge opportunity to create desktop apps, as all other developers have shifted over to building mobile! You can easily get into the front page on the MacOS store with an app you spend a few days building - this would never happen on mobile! The last app you'll build in this course can be easily tweaked into a front-page app.
What Will You Build?
All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we'll build four separate apps with increasing complexity, each of which will profile different features of Electron. By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.
Both MacOS and Windows supported!
------------------------------
Apps you'll build:
- Video File Analyzer. Learn how to manipulate the underlying OS with this first app, in which you'll build a tool to analyze video files, supported by the FFMPEG CLI tool. This app will get you familiar with Electron, along with an understanding of how to build a basic app.
- Cross Window Todo List: Ok, yep, a todo app, I know, but you'll learn how to manipulate multiple windows with Electron, along with customizing the top menu bar. Additional emphasis is placed on cross platform experiences between MacOS and Windows
- System Tray Timer. Build a classic system-tray based app - this is the type of app that exists as an icon by the clock on your desktop. You'll learn how to add a ton of polish to common Electron apps, which will make your users assume that they're using a fully native experience.
- Video File Converter. Make an app that can convert video files to any other format. Existing apps with the exact same feature set sell for $10 on the MacOS store. This tool is amazingly useful, and is something that I use daily myself!
Here's what we'll learn:
- Learn the theory and history behind Electron
- Build complex desktop applications using repeatable processes
- Assemble both classic desktop apps and 'tray-based' apps
- Add polish to your Electron apps, making them feel more native
- Sidestep the common pitfalls associated with Electron
I've built the course that I would have wanted to take when I was learning Electron. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.
Instructor Details
- 4.5 Rating
3,581 Reviews
Stephen Grider
Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.
More courses by Stephen Grider
Docker and Kubernetes: The Complete Guide (2026)
4.6 (62,739 Reviews)
Provider: Udemy
Time: 21.6h
$19.99
The Complete React Native + Hooks Course (2025)
4.6 (45,638 Reviews)
Provider: Udemy
Time: 38.2h
$129.99
Go: The Complete Developer's Guide (Golang) (2026)
4.6 (43,659 Reviews)
Provider: Udemy
Time: 8.9h
$89.99
Ethereum and Solidity: The Complete Developer's Guide (2025)
4.3 (28,328 Reviews)
Provider: Udemy
Time: 24h
$13.99
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
More Electron courses
Electron From Scratch: Build Desktop Apps With JavaScript (2020)
4.6 (1,341 Reviews)
Provider: Udemy
Time: 5.8h
$64.99
Master Electron: Desktop Apps with HTML, JavaScript & CSS (2021)
4.5 (4,330 Reviews)
Provider: Udemy
Time: 8h
$84.99
Master Electron Framework And Build 5 Advanced Desktop Apps (2023)
4.4 (138 Reviews)
Provider: Udemy
Time: 8.2h
$54.99
Electron & React JS - A Practical Guide for Chat App (2023)
4.3 (321 Reviews)
Provider: Udemy
Time: 17.8h
$54.99
Projects in Electron: Learn Electron Framework Building Apps (2018)
4.0 (140 Reviews)
Provider: Udemy
Time: 5.2h
$39.99
Reviews
By Cavadaga Salmanov on 7/14/2021
I very liked explaination and course content. But there are severaly things which I should notify. First, the MOST ANNOYİNG thing for me is that instructor slurp his mouth every single video. That sound made me extremely mad throughout course. I adivice to instructor to ridding of this habit. The second thing is that course content is old but luckily most of thing are still actual. All the remaining things are good. Good luck to everyone.
By jD ca on 9/1/2020
A very practical, memoriable and crispy course about electron. My Level is intermediate and following the videos without stopping was no problem at all. Perfect chunks of videos, super visual- and soundquality. I also liked the visual components in briefings, it was easier to understand and to follow. You can still make some improvements, which I think they are missing: - UI Section, since Electron is a Fullstack App. Maybe Vue, a good lightweight FrontEnd Framework especially how to use it with Electron. - Testing, testing is always good - Linux support, like many threads have shown - Support at all, there have been a couple of threads with no answers. I tried to help out, but I am still at the beginning - updated code, specially because you intended to focus only on the backend of electron so we had to download two boilerplates (convert and tasky). e.g.: convert has the same name and description in package.json as tasky and electron versions was 1.6.2 its now 9.2.1 - Deployment/Update Section Keep it up, I will definitely come again for some updates.
By Tamim Arwani on 10/24/2019
Be prepared to sit and listen to a lot of explanation, like you did in biology class... minus the interaction. This is more of a teacher explaining in a class room rather than a hands on coding experience, which is pretty obvious by the amount of slides prepared. It gets pretty obvious as you go through the course that he has spent a great deal of time preparing slides that are very graphical based. I actually by the end of course went back and counted how many lines of code in total was written. Well.... 200.... 200 lines of code for an 8 hour video. So he roughly he spends 2 minutes and 30 seconds to write and explain 1 line of code. That's just waaay too high. he just spends a lot of time explaining the code, explaining the ins and outs of electron, and explaining React and Redux. Oh, and about React and Redux: Two whole sections are based on pre-written code compiled with those. So if you've never used React & Redux or you're a Vue type of person and just don't care about those two technologies... too bad. Having said those, I knew that this was going to happen and actually bought this as a complementary to another more technical course. Going in in that mentality, this course is not so bad.
By Adriaan Dawid van der Walt on 9/24/2019
This course was excellent. Clear instruction. Good humor. Even though it is a little out of date , the material is very useful few very few bugs. Thanks a lot Stephen! For anyone taking this course, remember to update to the latest versions of Node.JS and Electron. Also remember to set webpreferences: { nodeintegration: true }. If not, the require statement will not work.
By Brian Hunley on 7/30/2019
Another great course from Stephen! It's a little outdated and some of the code doesn't work, but you really learn a lot about Electron and the communications between the web app side. If you're familiar with React/Redux and you want a big challenge to your learning, you can update the example applications with current versions of the technologies used.
By Colin Lee on 3/21/2019
I have no trouble following the content even though I am working on a windows. Of course, there are certain functionalities that I can't do, for example, tray.setTitle() which only available on mac for electron. But this entire series gave me a very good insight on how should I approach and start my project. If anyone of you are looking for a way to deploy your app, try electron-packager. Works like magic. Also, be sure to check out this link for the solution @ lecture 71. There is some error in the code from the video. https://www.udemy.com/electron-react-tutorial/learn/v4/questions/3844878
By Sam Smith on 2/28/2019
Very well pleased - Stephen is an exemplary instructor: clear, complete, entertaining, informative with usable examples. Concerns are that the use of React distracts from what is going on with process flow, esp. button actions. Would prefer to have less non-electron material (getting ffmpeg to work took time; use of tray functions appears to be unique to Atom - I am using Windows and VSCode). Concerns do not detract from course being an excellent introduction.
By Alec Hampton on 11/14/2018
I believe I got what I needed out of this course, and Stephen is exceptional at explaining concepts. There wasn't a single moment in the course where I had to stop and ask "wait, what?" I think the course could be improved with projects that relied less on extraneous tools like ffmpeg and React, because such a significant portion of the course contents involved either hand waving or explanations of all of that non-Electron stuff, to a level that was probably a bit excessive. I actually learned pretty much nothing new about Electron in the course's final module. Still, I learned enough about Electron that I'm confident I could build my own application with it soon without too much trouble.
By Ralph Kuerbis on 3/5/2018
Only found one error in the course; the convert app had a string.split undefined error due to a few missing lines in the file ConvertPanel.js in the components directory, which was actually corrected in the completed code file stored on github: https://github.com/StephenGrider/ElectronCode/tree/master/completed_code. If the completed code file ConvertPanel.js is included in the app, the app runs without error. You might wish to update the github app files used in the course with the latest version of ConvertPanel.js in order that other students don't run into the same error I found.
By Curt Mullin on 1/13/2018
I really enjoyed this course on Electron. It really opened my eyes to the potential of using electron as a platform for desktop applications. The author of the course has put in a lot of effort to make this a very engaging and useful course with good explanations for things and keeping each set of demos straight to the point and uncluttered from things that distract from the topic at hand. Overall great course and it has encouraged me to buy more courses on the topics I'm interested in from Stephen Grider. Recommended author for good in-depth explanations and accessibility to each topic.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100












