Video: Create a Desktop App With JavaScript & Electron
Canal:Traversy Media
Curso: Create a Desktop App With JavaScript & Electron
Idioma: Dificuldade:
Básico
Descrição:
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-resizer-electron To package your app up for different platforms, you could use one of the following: https://github.com/electron/electron-packager https://www.electronforge.io/ ⭐ All Courses: https://traversymedia.com ? Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia ? Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/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