Master Electron: Desktop Apps with HTML, JavaScript & CSS

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

4.52 (4037 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Master Electron: Desktop Apps with HTML, JavaScript & CSS
25,217
students
8 hours
content
Jun 2021
last update
$84.99
regular price

What you will 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.

Why take this course?

** 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.

Content

Overview

Introduction
Lesson Structure

Developing with Electron

Install & Run
App Structure
Using Native Node Modules
Debugging
Resetting the Project Code

Main Process API

App
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
Dialog
Accelerator & globalShortcut
Menu & MenuItem
Menu: Context Menu
Tray
PowerMonitor

Renderer Process API

Remote
BrowserWindowProxy
WebFrame
DesktopCapturer

IPC Communication

ipcMain & ipcRenderer

Shared API

Process
Screen
Shell
NativeImage
Clipboard

Features & Techniques

Offscreen Rendering
Network Detection
Notifications
Preload Scripts
Progress Bar

Project

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

Application Distribution

Distribution Overview
Electron-Builder
Code Signing
Publishing Releases
AutoUpdater Module
App Update
Release & Update

MacOS Touch Bar

Touch Bar Basics
Advanced Touch Bar Layouts
Touch Bar Integration

Outro

Bonus Lecture: Feedback & Course Coupons

Screenshots

Master Electron: Desktop Apps with HTML, JavaScript & CSS - Screenshot_01Master Electron: Desktop Apps with HTML, JavaScript & CSS - Screenshot_02Master Electron: Desktop Apps with HTML, JavaScript & CSS - Screenshot_03Master Electron: Desktop Apps with HTML, JavaScript & CSS - Screenshot_04

Our review

πŸ“‚ **Course Overview** The Global course rating stands at an impressive 4.52. The recent reviews from students reflect a mix of high praise for the content and teaching quality, alongside concerns regarding the course's up-to-date-ness and some aspects of presentation. 🧠 **Pros** - 🏫 **Quality of Instruction**: Many reviewers praised the instructor, Ray, for his knowledge, clarification of theory, and teaching style, describing him as "excellent," "very knowledgeable," and having a "solid teaching approach." - πŸ“š **Comprehensive Content**: The course is considered very thorough, covering almost all the basics required to understand Electron.js and its applications. - πŸš€ **Real-World Application**: Some students found the course ideal for non-native English speakers due to the instructor's clear pronunciation. It was also highlighted for its practical application in building desktop apps. - ❀️ **Engagement**: The engaging and well-structured content received high marks, with some students expressing a desire to take more courses from the same instructor. - πŸ’‘ **Foundation**: It is described as a solid foundation for those new to Electron.js, despite being outdated. πŸ‘€ **Cons** - πŸ–°οΈ **Outdated Content**: Several students pointed out that the course's last update was in 2021, which raises concerns about its relevance with recent Electron updates. - ⏰ **Pacing and Theory**: Some reviewers felt the pace of the course was too fast or recommended a slower approach, especially for beginners. There is a suggestion that more casual teaching with real-life examples would enhance understanding. - πŸ› οΈ **Technical Issues**: A few students encountered issues where they couldn't replicate certain features in their local environment. - πŸ“„ **Practice and Examples**: There is a need for more practical, hands-on examples throughout the course, with some students finding the theoretical content a bit boring. - πŸ”„ **Maintenance and Updates**: A notable concern is the lack of maintenance and updates in the course material, particularly the absence of new topics as technology develops, such as contextBridge methods and preload scripts. πŸ“ˆ **Course Recommendation** - The course is highly recommended for those with a firm grasp of Node.js, JavaScript, and HTML looking to expand their skills into desktop app development with Electron. - For beginners or those seeking the most current content, potential students may want to consider other options that are more up-to-date or offer a more practical, hands-on approach. In conclusion, this course is a valuable resource for learning about Electron and its framework, with a focus on building desktop applications. However, its relevance is diminished due to its lack of recent updates. Students interested in this course should be aware of these limitations but can still benefit from the strong foundational content and the depth of knowledge provided by the instructor.

Charts

Price

Master Electron: Desktop Apps with HTML, JavaScript & CSS - Price chart

Rating

Master Electron: Desktop Apps with HTML, JavaScript & CSS - Ratings chart

Enrollment distribution

Master Electron: Desktop Apps with HTML, JavaScript & CSS - Distribution chart
941998
udemy ID
8/26/2016
course created date
8/5/2019
course indexed date
Bot
course submited by