Master Electron: Desktop Apps with HTML, JavaScript & CSS

Master Electron: Desktop Apps with HTML, JavaScript & CSS

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 61 lectures (7h 58m) | 1.15 GB

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

Now includes MacOS Notarization
UPDATED for Electron version 9 & 10

Go from Web Developer to Desktop Applications Developer by learning
to use the entire Electron API from scratch.

This course is suitable for BOTH complete Electron beginners and existing Electron developers looking to advance to the next level.

Learn to develop with Electron using the best tools

Understand the different parts of Electron and how they work together

Cover the near-entire Electron API, learning one module at a time

Learn Electron features & techniques for using API modules together

Put your new knowledge to practical use by building a detailed 8-step Electron project from scratch.

An invaluable skill for any Web Developer to expand their career opportunities.

Electron is by far the most popular and fastest growing library for building cross-platform desktop applications using HTML, JavaScript & CSS.

This course will provide a very practical and concise approach to learning Electron from scratch.
You will be able to start building real-world desktop applications immediately.

Content and Overview

With 45 concise and practical lectures, this course will provide a COMPLETE understanding of Electron and it’s full API.

It is suitable for anyone with a a good understanding of HTML, CSS & JavaScript.

Basic command line usage and an understanding of ES2015 (ES6) will be beneficial.

The course starts by setting up the Electron development environment and covers some useful tools to aid in the development process.

The main body of the course then covers the 3 individual sections of the Electron API in great detail, with very practical individual lessons on each API module.

Once the API is covered, the course looks at some useful features and techniques, also demonstrating how Electron integrates with Native HTML5 APIs.

Finally you’ll build a real-world application which covers a large chunk of the Electron API in real-world scenarios. The project lessons is divided into 8 individual videos and will take you step-by-step to a complete, distribution-ready desktop application.

Upon completion of this course you will have the practical skills to immediately start building high quality desktop applications for Mac, Windows & Linux.

This course is to the point and everything is demonstrated in the most simple, yet practical ways, to help you become an advanced Electron Developer.

What you’ll learn

  • Build native desktop applications using existing knowledge of HTML, CSS & JavaSript
  • Create applications for both Mac, Windows & Linux
  • Understand the near-entire Electron API in detail.
  • Package Electron applications for distribution.
  • Expand your existing skills beyond the browser & add an invaluable new skill to your resume.
  • Verifiable certificate of completion.
Table of Contents

Lesson Structure

Developing with Electron
Electron Installation & Application Structure
Install & Run
App Structure
Using Native Node Modules
Resetting the Project Code

Main Process API
App Instance & BrowserWindow
BrowserWindow Sessions
Miscellaneous Main Process Modules
BrowserWindow Getting Started
BrowserWindow Parent & Child Windows
BrowserWindow Frameless Window
BrowserWindow Properties Methods & Events
BrowserWindow Window State
BrowserWindow webContents
Session Getting Started
Session Cookies
Session DownloadItem
Accelerators & globalShortcut
Menu & MenuItem
Context Menu

Renderer Process API
Render Process Modules
Renderer Overview

IPC Communication
Inter Process Communication
ipcMain & ipcRenderer
Remote Module
IPC Invoke & Handle

Shared API
Shared Electron Modules

Features & Techniques
Electron Features & Techniques
Offscreen Rendering
Network Detection
Preload Scripts
Progress Bar

Overview & Setup
Submitting New Items
Retrieving Item Details
Showing & Persisting Items
Selecting Items for Opening
Opening Items in Reader
Deleting Items DV
Application Menu

Application Distribution
Distribution Overview
Code Signing
Publishing Releases
AutoUpdater Module
App Update
Release & Update

MacOS Notarization
Notarization Overview
Notarization with ElectronBuilder

MacOS Touch Bar
Touch Bar Basics
Advanced Touch Bar Layouts
Touch Bar Integration

Bonus Lecture Feedback & Stackacademytv Courses