Create a Desktop App With JavaScript & Electron

In this video, we will create a cross-platform desktop app to resize image dimensions, using JavaScript and Electron. 💻 Code: To package your app up for different platforms, you could use one of the following: ⭐ All Courses: 💖 Show Support Patreon: PayPal: 👇 Follow Traversy Media On Social Media: Twitter: Instagram: Linkedin: Timestamps: 0:00 - Intro 3:05 - Resources 4:48 - Setup & Install Dependencies 8:08 - Create Main Window 12:45 - Common Boilerplate 15:53 - Show Devtools 18:10 - Using Electronmon 18:54 - Adding the UI Theme 21:26 - Content Security Policy 23:00 - Menu Customization 27:36 - Menu Roles 30:00 - About Window 31:53 - Start Renderer JS / Load Image 38:15 - Get Original Dimensions 39:40 - Using Preload 44:28 - Show Output Path 46:43 - Toastify Alerts 50:58 - Form Submit Handler 53:54 - IPC Renderer (Send) 56:44 - IPC Main (Recieve) 59:35 - Resize Image 1:05:32 - Catch Message In Renderer 1:07:32 - Make mainWindow Global 1:10:22 - Test Production Mode
Back to Top