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
1 view
2588
1009
1 month ago 00:04:15 1
PAIN - Shut Your Mouth (OFFICIAL MUSIC VIDEO)
1 month ago 00:03:54 1
Meet the Sniper In Real Life (TF2 Voice Actor)
1 month ago 00:03:04 1
Mortal Kombat 1 – Official Ermac Gameplay Trailer
1 month ago 00:38:31 1
“The TRUTH is coming out in the Baltimore bridge cyber attack“ Lara Logan | Redacted News
1 month ago 00:02:46 1
Star Wars Outlaws: Official Story Trailer
1 month ago 00:04:23 1
FEUERSCHWANZ - Valhalla Calling (Official Video) - Cover of @miracleofsound | Napalm Records