Electron JS Mastery Docs
•56 modules•Desktop

Electron JS Mastery Course

Electron lets you build real desktop apps for Windows, macOS and Linux using the web skills you already have. Start with your first window, learn how the main and renderer processes talk to each other, add menus, dialogs, notifications and tray icons, save files and settings, keep your app secure, then package, sign and auto-update it for your users.

Your Progress

0%

Track your journey through the Electron JS course. Complete topics to increase your progress.

Course Completion0 of 56 topics

0/20

Beginner Done

0/22

Intermediate Done

0/13

Advanced Done

0/1

Expert Done

0

Hours Completed

Beginner Level

Foundational concepts to get you started withElectron JS

Easy

What is Electron? Desktop Apps with Web Technologies

Start Learning
Easy

How Electron Works: Main and Renderer Processes

Start Learning
Easy

Setting Up Your Computer for Electron

Start Learning
Easy

Your First Electron App

Start Learning
Easy

Understanding package.json and the Project Files

Start Learning
Easy

Starting a Project with Electron Forge

Start Learning
Easy

Debugging with DevTools and VS Code

Start Learning
Easy

The App Lifecycle: ready, window-all-closed and activate

Start Learning
Easy

Creating Windows with BrowserWindow

Start Learning
Easy

Window Options: Size, Position, Title and Icon

Start Learning
Easy

Loading Pages, Styles and Images

Start Learning
Easy

Preload Scripts Explained

Start Learning
Easy

Context Isolation and contextBridge

Start Learning
Easy

IPC Part 1: Sending Messages to the Main Process

Start Learning
Easy

IPC Part 2: Asking Questions with invoke and handle

Start Learning
Easy

Application Menus

Start Learning
Easy

Native Dialogs: Open, Save and Message Boxes

Start Learning
Easy

Desktop Notifications

Start Learning
Easy

Reading and Writing Files from Your App

Start Learning
Easy

App Paths: Where to Store User Data

Start Learning

Intermediate Level

Deep dive into core Electron JS concepts and patterns

Intermediate

Working with Multiple Windows

Start Learning
Intermediate

Frameless Windows and Custom Title Bars

Start Learning
Intermediate

Remembering Window Size and Position

Start Learning
Intermediate

IPC Part 3: Sending Messages to a Window

Start Learning
Intermediate

Designing a Safe IPC API

Start Learning
Intermediate

Right-Click Context Menus

Start Learning
Intermediate

Keyboard Shortcuts and Accelerators

Start Learning
Intermediate

System Tray Icons

Start Learning
Intermediate

Clipboard and Opening Links with shell

Start Learning
Intermediate

Dark Mode with nativeTheme

Start Learning
Intermediate

Drag and Drop Files

Start Learning
Intermediate

Saving User Settings

Start Learning
Intermediate

A Local Database with SQLite

Start Learning
Intermediate

Keeping Secrets Safe with safeStorage

Start Learning
Intermediate

Using React or Vue with Electron

Start Learning
Intermediate

TypeScript in Electron

Start Learning
Intermediate

Project: A Markdown Notes App

Start Learning
Intermediate

Electron Security Checklist

Start Learning
Intermediate

Content Security Policy

Start Learning
Intermediate

Packaging and Making Installers with Forge

Start Learning
Intermediate

App Icons, Names and Metadata

Start Learning
Intermediate

Final Project: A Desktop Todo App

Start Learning

Advanced Level

Master advanced Electron JS patterns and modern features

Advance

MessagePorts for Direct Communication

Start Learning
Advance

Loading Remote Content Safely

Start Learning
Advance

Custom Protocols with protocol.handle

Start Learning
Advance

Sessions, Cookies and Permissions

Start Learning
Advance

Single Instance Lock and Deep Links

Start Learning
Advance

Background Work with utilityProcess

Start Learning
Advance

Embedding Web Content with WebContentsView

Start Learning
Advance

Native Node Modules

Start Learning
Advance

Performance: Faster Startup and Less Memory

Start Learning
Advance

Testing Electron Apps

Start Learning
Advance

Code Signing and Notarization

Start Learning
Advance

Automatic Updates

Start Learning
Advance

Publishing Releases to GitHub and App Stores

Start Learning

Expert Level

High-performance and production-grade Electron JS expertise

Expert

Electron Fuses and ASAR Integrity

Start Learning