Build a desktop application with Electron

Electron is a framework that makes it easy to create cross-platform desktop apps with JavaScript, HTML, and CSS. Electron and open-source tools give you everything you need to create a compelling desktop app--native user interface elements like menus and dialogs, installers, auto-updates, and more.

This course will teach you the core concepts of Electron so that you can leverage it to create your own desktop application for macOS and Windows.

We'll go over:
- Creating user interfaces in Electron (both HTML based and native)
- Understanding Electron's multi-process architecture
- Shipping your app to users

Watch User Created Playlist (1)

This playlist is user created.



Create a "Hello World" app using Electron

electron tutorial about Create a "Hello World" app using Electron

Create a "Hello World" app using Electron

2:18 electron

Take the first step in learning how to create native desktop applications with Electron. We'll set up a package.json, create an npm start script to launch our app in development, and create a browser window and load a local HTML file into it.

An important concept to understand about Electron is it's multi-process architecture. The main process creates web pages by creating BrowserWindow instances, manages application lifecycle events, and more. Each BrowserWindow instance runs the web page in its own renderer process.

Joel's Head
Why are we asking?