[Udemy] Electron From Scratch: Build Desktop Apps With JavaScript

[Udemy] Electron From Scratch: Build Desktop Apps With JavaScript
Table of Contents
1

Introduction

2

Project 1 - Image Shrink App & Getting Started With Electron

3

Working With The Menu

4

Interface, IPC, ImageMin & Packaging

5

Project 2 - SysTop App

6

System Stats & Renderer Process

7

Storing Local Data

8

Tray Icon & Wrap Up

9

Project 3 - BugLogger App & Creating The React UI

10

Main Process, IPC & MongoDB

About this course

Create 3 useful desktop applications with web technologies using Electron

Requirements

  • JavaScript Fundamentals


Description

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

Who this course is for:

  • Developers that want to build desktop apps with web technologies

+ See more