YoVDO

Create a Desktop App With JavaScript & Electron

Offered By: Traversy Media via YouTube

Tags

Electron Courses Javascript Courses Cross-Platform Development Courses Desktop Application Development Courses Inter Process Communication (IPC) Courses

Course Description

Overview

Learn to build a cross-platform desktop application for resizing image dimensions using JavaScript and Electron in this comprehensive video tutorial. Explore the process of setting up the development environment, creating the main window, implementing common boilerplate code, and customizing the application menu. Discover how to add a user interface theme, handle content security policies, and create an about window. Dive into the core functionality by implementing image loading, dimension retrieval, and resizing capabilities. Master inter-process communication (IPC) between the renderer and main processes, integrate Toastify alerts for user feedback, and learn how to make the main window global. Conclude by testing the application in production mode and exploring options for packaging the app for different platforms.

Syllabus

- Intro
- Resources
- Setup & Install Dependencies
- Create Main Window
- Common Boilerplate
- Show Devtools
- Using Electronmon
- Adding the UI Theme
- Content Security Policy
- Menu Customization
- Menu Roles
- About Window
- Start Renderer JS / Load Image
- Get Original Dimensions
- Using Preload
- Show Output Path
- Toastify Alerts
- Form Submit Handler
- IPC Renderer Send
- IPC Main Recieve
- Resize Image
- Catch Message In Renderer
- Make mainWindow Global
- Test Production Mode


Taught by

Traversy Media

Related Courses

Electron: Building Cross Platform Desktop Apps
LinkedIn Learning
Components of Operating System
CodeHelp - by Babbar via YouTube
Binder - The Bridge To Root - Hongli Han and Mingjian Zhou
Hack In The Box Security Conference via YouTube
Man in the Binder - He Who Controls IPC, Controls the Droid
Kaspersky via YouTube
CAP-VMs - Capability-Based Isolation and Sharing in the Cloud
USENIX via YouTube