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

Produced in 2021

icon
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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100

icon
Course Description

Take your web dev skills out of the browser!
This course will teach you thetopics 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 forultra-popularapps 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 eachunique and powerful feature.

Both MacOSand 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 manipulatemultiple windows with Electron, along with customizing the top menu bar. Additional emphasis is placed on cross platform experiences between MacOS and WindowsSystem 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 Iuse daily myself!

Here's what we'll learn:

Learn the theory and history behind ElectronBuild complex desktop applications using repeatable processesAssemble both classic desktop apps and 'tray-based' appsAdd polish to your Electron apps, making them feel more nativeSidestep 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.
Who this course is for:
Anyone who wants to create compelling native desktop applications

icon
Instructor Details

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. Heteaches on Udemy to share the knowledge hehasgained with other software engineers. Invest in yourself by learning from Stephen's published courses.

icon
More courses by Stephen Grider

Modern React with Redux [2020 Update]

$11.99

Machine Learning with Javascript

$11.99

Node JS: Advanced Concepts

$11.99

Node with React: Fullstack Web Development

$11.99

Go: The Complete Developer's Guide (Golang)

$11.99

GraphQL with React: The Complete Developers Guide

$11.99

icon
More electron courses

Social Marketing Capstone Project

Free

Electron From Scratch: Build Desktop Apps With JavaScript

$11.99

Master Electron: Desktop Apps with HTML, JavaScript & CSS

$11.99

How Computers Work

Free

Electric Vehicles and Mobility

Free

Digital Media and Marketing Strategies

Free

icon
Reviews

4.2

312 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Mohammad Nayef on 11/15/2020

B

By Jair Anguiano on 11/8/2020

Stephen just nail it for me in terms of how he explains every subject, I just went into a frenzy of purchasing most of his courses, I consider myself a fan-student. I put his content on top, right where FrontendMasters and Kyle Simpson books live when it comes to things related to javascript.

By Lorant Nagy Zsoldics on 11/8/2020

Yes. It helps me to save time and energy in the process of becoming familiar with a new technology. It does not cut corners short and makes shore that the concepts are not miss-understood. UDEMY video lectures make far better use of time, then my text-books do.

By Jonathan Atia on 10/25/2020

awesome course ! thank you for this wonderfull content.

By Trong Ngoc Nguyen on 10/7/2020

Could be more concise. Too much unnecessary explanation.

By Mustafa Agha on 9/26/2020

Great course and Great instructor.
unfortunately this course is missing a Q&A section so if you can find it online for free its better as instructor doesn't answer any of your question.
1- the dependencies on this course is old version and it hasn't been updated in the course.
2- this course hasn't been updated in 3 years now.
3- the course is missing the first steps in creating react-app then linking it with electron. and the convention way of creating your electron app folder structure. and the best way to build your electron app.
4- missing development environment on linux and windows OS.

By Nikolas Chatzirvasanis on 9/25/2020

So and so. The main problem were the errors encountered when applying the example projects in a windows computer.
The instructor should also use a windows computer instead of OSX, I believe the majority of the participants are not using OSX.

By Guillermo Alberto Lucero Latella on 9/18/2020

Contiene explicaciones claras y precisas, acompaadas de ejemplos prcticos bien desarrollados.

By jD ca on 9/9/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 Adam Badaski on 8/16/2020

About a quarter of the course needs code updates, as Electron has updated, which lead to some frustration when trying to figure out what is working and what is not. For example, each window declaration need to include "webPreferences: { nodeIntegration: true }" snippet, otherwise code will break upon execution. The "convert" project's complete code looks different in the video clips and the author's GitHub repository.
On the positive side, this is a good introduction to Electron for anyone new to Electron, but who is familiar somewhat with web development. There are a few projects that the author walks through step-by-step, which is useful and inspiring. Also, the React + Redux section is interesting for those who want to learn to implement a modern web framework in an Electron app. More projects would be nice, i.e.: a project involving working with local databases.
If the author updates the code to work with the latest version of Electron, I will consider revising the rating for this course.

By Titans on 8/15/2020

It has some obsolete or not working stuff. I need to add this option to work
mainWindow = new BrowserWindow({
webPreferences: {
nodeIntegration: true
}
});

By Jsm on 8/10/2020

Amazing, above expectations!