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:
https://github.com/bradtraversy/image...
To package your app up for different platforms, you could use one of the following:
https://github.com/electron/electron-...
https://www.electronforge.io/
⭐ All Courses:
https://traversymedia.com
💖 Show Support
Patreon: / traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Traversy Media On Social Media:
Twitter: / traversymedia
Instagram: / traversymedia
Linkedin: / bradtraversy
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
On this page of the site you can watch the video online Create a Desktop App With JavaScript & Electron with a duration of hours minute second in good quality, which was uploaded by the user Traversy Media 03 October 2022, share the link with friends and acquaintances, this video has already been watched 466,411 times on youtube and it was liked by 8.4 thousand viewers. Enjoy your viewing!
