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
9 views
97
19
2 weeks ago 00:46:41 41
State of Play | February 12, 2025 [English]
2 weeks ago 00:13:22 2
Most Beautiful Moments - Women’s Pole Vault Golden Roof Challenge Innsbruck 2023 Athletics
2 weeks ago 00:09:44 1
Hot Beach Day in Zurich 4K-Switzerland Summer Hot Day 2024 HDR Flori Travel
2 weeks ago 00:04:06 2
Lord Conrad - Only You (Official Video) Shuffle/Freestyle Dance Music
2 weeks ago 03:00:00 1
ZEN GARDEN MUSIC: Japanese Melodies with Female Vocals and Relaxing Visuals
2 weeks ago 00:03:12 1
The “Turn Heads & Drop Jaws“ Maxi – Strapless, Sultry & Seriously Stunning! - YouTube
3 weeks ago 00:27:55 1
Alone Again?
3 weeks ago 00:03:01 2
Singing Ringing Tree, Burnley, Lancashire
3 weeks ago 00:02:33 5
💕🎸💞 Happy Valentine’s Day!💕🌞💖 Bird in Flight! by #vagotanulo & #botoslacibacsi