Build an Electron App

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to build a desktop shopping list application using Electron.js in under an hour. Explore the process of creating a multi-window app with a custom menu, implementing Materialize CSS for styling, and publishing the finished product as a Windows executable file using Electron Packager. Follow along as the tutorial covers setting up the development environment, creating the main window and HTML structure, building a custom menu template, adding functionality for item management, and optimizing the application. Gain hands-on experience with JavaScript-based desktop app development and discover how to package your creation for distribution.

Syllabus

Intro
Patreon
Git Bash
Package JSON
Main JS File
Main Window
HTML
Body
Path
Create Menu Template
Build Menu from Template
Insert Main Menu
Add Sub Menu
Add Accelerator
Add Window
Create Window
Add Browser Window
Add Window HTML
Quit App
Optimize Ad Window
Empty Object Menu
Adding Items
Sending Items
Clearing Items
Deleting Items
Nav
Collection
Add Collection Class
Clear Collection Class
Form
Environment
Icons