The Complete Developer Course: Electron for Desktop Apps Video Course

Curriculum For This Course

• 1. Basics of Electron 3 Videos 00:18:01
  • Why Does Electron Exist? 03:19
  • How Does Electron Work? 09:17
  • History of Electron 05:26
• 2. Handling Electron Projects 13 Videos 01:38:47
  • App Overview 04:50
  • Getting Started 04:57
  • Starting and Stopping Electron 10:16
  • Loading HTML Docs 09:43
  • Selecting Videos 08:32
  • Reading File Details 10:19
  • Introduction to FFMPEG 06:33
  • OSX FFMPEG Installation 02:59
  • Require Statements in the Browser 12:00
  • IPC Communication 09:13
  • Video Duration with FFProbe 06:13
  • Receiving IPC Events 10:18
  • Wrapup 02:56
• 3. Handling Menu Bars 16 Videos 01:40:26
  • App Overview 03:38
  • App Boilerplate 01:23
  • Creating the MainWindow 06:08
  • Constructing Menu Bars 07:54
  • Menu Bar Gotchas 07:32
  • On Menu Click Functionality 06:08
  • Cross Platform Hotkeys 06:46
  • Creating Separate Windows 05:21
  • Another Electron Gotcha 04:53
  • Adding Polish to Electron 04:49
  • Restoring Developer Tools 14:08
  • IPC Between Windows 06:31
  • Garbage Collection with Electron 08:46
  • Role Shortcuts 07:33
  • Your Turn - Clearing Lists 02:29
  • Solution and Wrapup 06:28
• 4. Status Tray Applications 24 Videos 02:21:46
  • App Boilerplate 05:13
  • What's This React Code? 06:07
  • BrowserWindow vs Tray 04:55
  • BrowserWindow Config 08:12
  • Creating Tray Icons 08:14
  • Toggling BrowserWindow Visibility 04:29
  • Detecting Visibility 02:55
  • The Positioning Bounds System 08:59
  • Setting Position with Bounds 07:25
  • Positioning of Windows 02:59
  • Object Oriented Programming with Electron 04:53
  • Basics of ES6 Classes 09:14
  • Subclassing 06:29
  • The TimerTray Subclass 08:59
  • Finishing TimerTray Refactor 08:47
  • Setting Tooltips 02:46
  • More on Garbage Collection 03:38
  • Building Context Menus 06:17
  • Controlling Window Focus 04:19
  • Hiding Dock Icons 01:36
  • MainWindow Class 11:37
  • IPC Between React and Electron 04:02
  • Displaying Text on the Tray 06:23
  • Background Throttling 03:24
• 5. Combining Electron with React and Redux 17 Videos 01:54:27
  • App Overview 05:16
  • App Challenges 07:02
  • BrowserWindow Creation 05:32
  • Starting up Electron with Webpack 04:42
  • Overview of React and Redux 10:26
  • Receiving a List of Videos 07:21
  • Video Metadata 05:00
  • Handling Async Bulk Operations with Promises 07:22
  • Fetching Metadata in Promises 08:24
  • Refactoring for Multiple Videos 07:38
  • Wrapup on Metadata 07:00
  • Output Paths 12:06
  • Batch Video Conversion 07:38
  • Handling Conversion Completion 05:32
  • Detecting Conversion Progress 06:11
  • Opening Folders with Shell 03:45
  • Wrapup 03:36