Electron From Scratch: Build Desktop Apps With JavaScript

Create 3 useful desktop applications with web technologies using Electron

What you'll learn:

• Learn how to build desktop apps with Electron
• Create and package 3 complete cross-platform applications
• Use IPC to communicate between Main & Renderer Processes
• Use Vanilla JS & React with Electron
• Create custom menu items, system tray apps and more
• Work with local data as well as MongoDB Atlas database

This is a hands on, project based course on learning how to build and package cross-platform desktop applications using Electron. Many popular apps including VSCode, Slack and Skype are built on Electron.

We will build 3 apps

ImageShrink - An app to optimize images for websites

SystTop - RealTime CPU monitor with notifications and system tray

BugLogger - CRUD app to track logs which uses React and the MongoDB Atlas cloud database

Some stuff you will learn:

• Create app windows with BrowserWindow

• Create menus with custom items

• Menu roles

• Shell module to open files and folders

• Create system tray icons with context menus

• App events

• Main process & Renderer process

• Communication between processes with IPCMain & IPCRenderer

• Packaging Electron apps

• Creating log files

• Interact with system hardware

• Create a data store file with settings data

• Integrate React with Electron

• Integrate a MongoDB database with Mongoose

• Some JavaScript stuff that you may not have known