Master Electron: Desktop Apps with HTML, JavaScript & CSS
Master Electron: Desktop Apps with HTML, JavaScript & CSS

The Complete Electron course for learning to build Cross Platform Desktop Apps using HTML, JavaScript & CSS

Created by Ray Viljoen
Language English

Master Electron: Desktop Apps with HTML, JavaScript & CSS

Master Electron: Desktop Apps with HTML, JavaScript & CSS
Master Electron: Desktop Apps with HTML, JavaScript & CSS

The Complete Electron course for learning to build Cross Platform Desktop Apps using HTML, JavaScript & CSS

Created by Ray Viljoen
Language English
1. Overview
  • 1. Introduction 00:02:35
  • 2. Lesson Structure 00:01:47
  • 2.1 Atom Editor .html
  • 2.2 master-electron .zip
  • 2.3 Node.js .html
  • 2.4 Lesson Code - Project Repo .html
2. Developing with Electron
  • 1. Install & Run 00:04:58
  • 1.1 master-electron .zip
  • 1.2 Lesson Code - Master Electron Repo .html
  • 2. App Structure 00:07:10
  • 2.1 Guide Electron App Architecture .html
  • 3. Using Native Node Modules 00:04:33
  • 3.1 Module electron-rebuild .html
  • 3.2 Guide Using native Node modules .html
  • 3.3 Module bcrypt .html
  • 3.4 Module colors .html
  • 4. Debugging 00:05:45
  • 4.1 Guide Debugging with VSCode .html
  • 4.2 Guide Debugging the Main Process .html
  • 5. Resetting the Project Code 00:01:29
3. Main Process API
  • 1. App 00:11:08
  • 1.1 1. app .zip
  • 1.2 Docs app .html
  • 2. BrowserWindow Getting Started 00:06:13
  • 2.1 2.1 BrowserWindow - Getting Started .zip
  • 2.2 Docs BrowserWindow .html
  • 3. BrowserWindow Parent & Child Windows 00:05:59
  • 3.1 Docs Parent & Child Windows .html
  • 3.2 2.2 BrowserWindow - Parent & Child Windows .zip
  • 4. BrowserWindow Frameless Window 00:05:23
  • 4.1 Docs Frameless Windwow .html
  • 4.2 2.3 BrowserWindow - Frameless Window .zip
  • 5. BrowserWindow Properties Methods & Events 00:06:56
  • 5.1 2.4 BrowserWindow - Properties & Methods .zip
  • 5.2 Docs BrowserWindow Configuration Options .html
  • 6. BrowserWindow Window State 00:03:50
  • 6.1 Module electron-window-state .html
  • 6.2 2.5 BrowserWindow - Window State .zip
  • 7. BrowserWindow webContents 00:19:37
  • 7.1 MDN Basic Auth .html
  • 7.2 HTTPBin Auth URL .html
  • 7.3 2.6 BrowserWindow - webContents .zip
  • 7.4 Docs webContents .html
  • 8. Session Getting Started 00:10:38
  • 8.1 Docs session .html
  • 8.2 3.1 Session - Getting Started .zip
  • 9. Session Cookies 00:07:49
  • 9.1 3.2 Session - Cookies .zip
  • 9.2 Docs Cookies .html
  • 10. Session DownloadItem 00:09:26
  • 10.1 Docs DownloadItem .html
  • 10.2 3.3. Session - downloadItem .zip
  • 11. Dialog 00:08:26
  • 11.1 Docs dialog .html
  • 11.2 4. dialog .zip
  • 12. Accelerators & globalShortcut 00:04:18
  • 12.1 5. Accelerators & globalShortcut .zip
  • 12.2 Docs globalShortcut .html
  • 12.3 Docs Accelerator .html
  • 13. Menu & MenuItem 00:12:27
  • 13.1 Docs Menu .html
  • 13.2 6. Menus .zip
  • 13.3 Docs MenuItem .html
  • 13.4 Docs MenuItem Roles .html
  • 14. Context Menu 00:02:56
  • 14.1 7. Context Menus .zip
  • 14.2 Docs Menu .html
  • 15. Tray 00:06:53
  • 15.1 Docs nativeImage .html
  • 15.2 8. Tray .zip
  • 15.3 Guide Retina Web Graphics Explained .html
  • 15.4 Docs Tray .html
  • 16. PowerMonitor 00:02:20
  • 16.1 Docs powerMonitor .html
  • 16.2 9. powerMonitor .zip
  • 17. Screen 00:09:28
  • 17.1 Docs screen .html
  • 17.2 10. screen .zip
4. Renderer Process API
  • 1. Renderer Overview 00:02:24
  • 2. BrowserWindowProxy 00:08:07
  • 2.1 Docs BrowserWindowProxy .html
  • 2.2 Docs window.open .html
  • 2.3 2. BrowserWindowProxy .zip
  • 3. WebFrame 00:06:02
  • 3.1 3. webFrame .zip
  • 3.2 Docs webFrame .html
  • 4. DesktopCapturer 00:06:31
  • 4.1 Docs desktopCapturer .html
  • 4.2 4. desktopCapturer .zip
5. IPC Communication
  • 1. ipcMain & ipcRenderer 00:12:40
  • 1.1 Docs ipcMain .html
  • 1.2 Docs ipcRenderer .html
  • 1.3 1. IPC Communication .zip
  • 2. Remote Module 00:08:31
  • 2.1 Docs remote .html
  • 2.2 Node.js Globals .html
  • 2.3 2. Remote Module .zip
  • 3. IPC Invoke & Handle 00:09:41
  • 3.1 3. IPC Invoke & Handle .zip
  • 3.2 Docs ipMain.handle .html
  • 3.3 Docs ipcRenderer.invoke .html
6. Shared API
  • 1. Process 00:06:35
  • 1.1 Docs process .html
  • 1.2 1. process .zip
  • 1.3 Node.js process .html
  • 2. Shell 00:05:55
  • 2.1 2. shell .zip
  • 2.2 Docs shell .html
  • 3. NativeImage 00:10:03
  • 3.1 Docs nativeImage .html
  • 3.2 3. nativeImage .zip
  • 3.3 MDN Data URIs .html
  • 4. Clipboard 00:05:45
  • 4.1 Docs clipboard .html
  • 4.2 4. clipboard .zip
7. Features & Techniques
  • 1. Offscreen Rendering 00:05:59
  • 1.1 Guide Offscreen Rendering .html
  • 1.2 1. Offscreen Rendering .zip
  • 2. Network Detection 00:03:31
  • 2.1 MDN onLine .html
  • 2.2 MDN Online & Offline Events .html
  • 2.3 2. Network Detection .zip
  • 3. Notifications 00:05:04
  • 3.1 Module web-push .html
  • 3.2 Guide Adding push notifications to a web app .html
  • 3.3 MDN Notifications .html
  • 3.4 Docs Notifications .html
  • 3.5 3. Notifications .zip
  • 3.6 Push.js .html
  • 4. Preload Scripts 00:07:41
  • 4.1 4. Preload Scripts .zip
  • 4.2 Guide Security Native Capabilities and Your Responsibility .html
  • 5. Progress Bar 00:02:51
  • 5.1 Guide Progress Bar in Taskbar .html
  • 5.2 5. Progress Bar .zip
8. Project
  • 1. Overview & Setup 00:17:04
  • 1.1 Module electron-window-state .html
  • 1.2 Tutorial A Complete Guide to Flexbox .html
  • 1.3 1. Overview & Setup .zip
  • 2. Submitting New Items 00:14:56
  • 2.1 2. Submitting New Items .zip
  • 3. Retrieving Item Details 00:06:46
  • 3.1 3. Retrieving Item Details .zip
  • 4. Showing & Persisting Items 00:09:06
  • 4.1 4. Showing & Persisting Items .zip
  • 5. Selecting Items for Opening 00:13:37
  • 5.1 Tutorial Using data attributes .html
  • 5.2 5. Selecting Items for Opening .zip
  • 6. Opening Items in Reader 00:06:59
  • 6.1 6. Opening Items in Reader .zip
  • 7. Deleting Items 00:17:42
  • 7.1 MDN Window.postMessage .html
  • 7.2 7. Deleting Items .zip
  • 8. Application Menu 00:20:05
  • 8.1 8. Application Menu .zip
9. Application Distribution
  • 1. Distribution Overview 00:01:11
  • 2. Electron-Builder 00:15:46
  • 2.1 CloudConvert .html
  • 2.2 icon .png
  • 2.3 Docs electron-builder .html
  • 3. Code Signing 00:13:28
  • 3.1 Windows Code Signing Certificates .html
  • 3.2 Apple Developer Program .html
  • 4. Publishing Releases 00:12:28
  • 4.1 Guide electron-builder Publish .html
  • 4.2 Introduction to Semantic Versioning .html
  • 4.3 Guide electron-builder Auto Update .html
  • 5. AutoUpdater Module 00:08:45
  • 5.1 Docs electron-log .html
  • 5.2 Guide electron-builder Auto Update Debugging .html
  • 6. App Update 00:09:30
  • 7. Release & Update 00:06:53
10. MacOS Touch Bar
  • 1. Touch Bar Basics 00:09:11
  • 1.1 Docs TouchBar .html
  • 1.2 Touch Bar Simulator .html
  • 1.3 1. Touch Bar Basics .zip
  • 1.4 [email protected] .png
  • 2. Advanced Touch Bar Layouts 00:04:50
  • 2.1 2. Advanced Touch Bar Layouts .zip
  • 3. Touch Bar Integration 00:03:31
  • 3.1 3. Touch Bar Integration .zip
11. Outro
  • 1. Bonus Lecture Feedback & Stackacademy.tv Courses 00:00:50
  • 1.1 Getting started with WebAssembly & Emscripten .html
  • 1.2 JAMStack The Complete Guide .html
  • 1.3 NGINX Fundamentals High Performance Servers from Scratch .html
  • 1.4 Yarn Dependency Management The Complete Guide .html
  • 1.5 Progressive Web Apps The Concise PWA Masterclass .html
  • 1.6 FREE COURSE - Master Riot v3 Learn Riot.js from Scratch .html