Building desktop applications with ElectronJS
The workshop introduces participants to the world of creating desktop applications using web technologies. During a day of intensive work, participants will learn the architecture of ElectronJS, how to effectively combine Node.js logic with an interface created in HTML, CSS, and JavaScript, and develop their own application ready for compilation for various operating systems. The workshop focuses on practice: from basic IPC mechanisms, through window management, to security and distribution. The participant finishes the training with the ability to independently create and develop internal desktop tools, prototypes, and commercial applications.
Training program
Introduction
- What is ElectronJS and how it works under the hood (Chromium + Node.js).
- Examples of popular applications built with Electron.
- Application architecture: Main process vs Renderer process.
- IPC – inter-process communication.
Project structure and basics
- Environment setup, package.json, scripts.
- Creating windows, settings, preload scripts.
- Handling menus, keyboard shortcuts, and tray.
Integration with Node.js and the system
- Accessing the file system (fs).
- Handling dialogs (opening/saving files).
- Electron modules: clipboard, shell, notifications.
User interface
- Integrating Electron with front-end frameworks (React, Vue, Svelte).
- Styling: Tailwind, Material UI.
Application distribution
- Building applications (electron-builder, electron-packager).
- Creating installers (Windows, macOS, Linux).
- Application updates (auto-updater).
Advanced features and best practices
- Security in ElectronJS (contextIsolation, sandbox, preload).
- Memory management and performance.
- Common beginner mistakes and how to avoid them.
- Best resources for further learning and community.