Electron for Desktop Apps- The Complete Developer Guide

Electron for Desktop Apps: The Complete Developers Guide, available at $69.99, has an average rating of 4.19, with 89 lectures, based on 3392 reviews, and has 21182 subscribers.

You will learn about Learn how to make native-feeling applications using web development technologies Master the intricacies of development with Electron JS Build applications that work well on both MacOS and Windows from a single codebase Develop both traditional single-window apps and status tray-based apps Understand how to integrate existing technologies like React and Redux into your Electron JS apps Build a lucrative business with desktop apps, because there is so little competition in the marketplace This course is ideal for individuals who are Anyone who wants to create compelling native desktop applications It is particularly useful for Anyone who wants to create compelling native desktop applications.

Enroll now: Electron for Desktop Apps: The Complete Developers Guide

Summary

Title: Electron for Desktop Apps: The Complete Developers Guide

Price: $69.99

Average Rating: 4.19

Number of Lectures: 89

Number of Published Lectures: 89

Number of Curriculum Items: 89

Number of Published Curriculum Objects: 89

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to make native-feeling applications using web development technologies

Master the intricacies of development with Electron JS

Build applications that work well on both MacOS and Windows from a single codebase

Develop both traditional single-window apps and status tray-based apps

Understand how to integrate existing technologies like React and Redux into your Electron JS apps

Build a lucrative business with desktop apps, because there is so little competition in the marketplace

Who Should Attend

Anyone who wants to create compelling native desktop applications

Target Audiences

Anyone who wants to create compelling native desktop applications

Take your web dev skills out of the browser!??This course will teach you the?topics you need to make a #1 best-selling desktop app.

What is Electron?

Electron is an elegant solution for writing desktop-based apps using existing web technologies you already know, like HTML, CSS, and Javascript. ?Electron is used for?ultra-popular?apps like Atom, Slack, and Discord.

Who builds desktop apps?!

In the last 10 years there has been a tremendous shift from desktop to mobile, true, but the result is that there is a huge opportunity to create desktop apps, as all other developers have shifted over to building mobile! ?You can easily get into the front page on the MacOS store with an app you spend a few days building – this would never happen on mobile! ?The last app you’ll build in this course can be easily tweaked into a front-page app.

What Will You Build?

All of my courses are ‘learn-by-doing’: no boring endless lectures with Powerpoints, only live, interactive coding examples.??In this course we’ll build four separate apps with increasing complexity, each of which will profile different features of Electron. ?By putting each concept into a real app, you’ll get a better idea of when to use each?unique and powerful feature.

Both MacOS?and Windows supported!

Apps you’ll build:

1. Video File Analyzer. ?Learn how to manipulate the underlying OS with this first app, in which you’ll build a tool to analyze video files, supported by the FFMPEG CLI tool. ?This app will get you familiar with Electron, along with an understanding of how to build a basic app.
2. Cross Window Todo List:?Ok, yep, a todo app, I know, but you’ll learn how to manipulate?multiple windows with Electron, along with customizing the top menu bar. ?Additional emphasis is placed on cross platform experiences between MacOS and Windows
3. System Tray Timer.? Build a classic system-tray based app – this is the type of app that exists as an icon by the clock on your desktop. ?You’ll learn how to add a ton of polish to common Electron apps, which will make your users assume that they’re using a fully native experience.
4. Video File Converter. ?Make an app that can convert video files to any other format. ?Existing apps with the exact same feature set sell for $10 on the MacOS store. This tool is amazingly useful, and is something that I?use daily myself!

Here’s what we’ll learn:

Learn the theory and history behind Electron

Build complex desktop applications using repeatable processes

Assemble both classic desktop apps and ‘tray-based’ apps

Add polish to your Electron apps, making them feel more native

Sidestep the common pitfalls associated with Electron

I’ve built the course that I would have wanted to take when I was learning Electron. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.

Course Curriculum

Chapter 1: Basics of Electron

Lecture 1: How to Get Help

Lecture 2: Course Resources

Lecture 3: Join Our Community!

Lecture 4: Why Does Electron Exist?

Lecture 5: How Does Electron Work?

Lecture 6: History of Electron

Chapter 2: Handling Electron Projects

Lecture 1: App Overview

Lecture 2: Getting Started

Lecture 3: Starting and Stopping Electron

Lecture 4: Clarification on Toggling Developer Tools

Lecture 5: Loading HTML Docs

Lecture 6: Selecting Videos

Lecture 7: Sample Video – Download Me!

Lecture 8: Reading File Details

Lecture 9: Introduction to FFMPEG

Lecture 10: OSX FFMPEG Installation

Lecture 11: Windows FFMPEG Setup

Lecture 12: Important BrowserWindow Update

Lecture 13: Require Statements in the Browser

Lecture 14: IPC Communication

Lecture 15: Video Duration with FFProbe

Lecture 16: Receiving IPC Events

Lecture 17: Wrapup

Lecture 18: Updating Your Project for Best Security Practices

Chapter 3: Handling Menu Bars

Lecture 1: App Overview

Lecture 2: App Boilerplate

Lecture 3: Important BrowserWindow Update

Lecture 4: Creating the MainWindow

Lecture 5: Constructing Menu Bars

Lecture 6: Menu Bar Gotchas

Lecture 7: Darwin Conditional Required Update

Lecture 8: On Menu Click Functionality

Lecture 9: Cross Platform Hotkeys

Lecture 10: Creating Separate Windows

Lecture 11: Another Electron Gotcha

Lecture 12: Adding Polish to Electron

Lecture 13: Restoring Developer Tools

Lecture 14: IPC Between Windows

Lecture 15: Required Update for Closing a Window

Lecture 16: Garbage Collection with Electron

Lecture 17: Role Shortcuts

Lecture 18: Your Turn – Clearing Lists

Lecture 19: Solution and Wrapup

Lecture 20: Updating Your Project for Best Security Practices

Chapter 4: Status Tray Applications

Lecture 1: App Boilerplate

Lecture 2: Whats This React Code?

Lecture 3: BrowserWindow vs Tray

Lecture 4: BrowserWindow Config

Lecture 5: Small Update for Tray Icon

Lecture 6: Creating Tray Icons

Lecture 7: Toggling BrowserWindow Visibility

Lecture 8: Detecting Visibility

Lecture 9: The Positioning Bounds System

Lecture 10: Setting Position with Bounds

Lecture 11: Positioning of Windows

Lecture 12: Object Oriented Programming with Electron

Lecture 13: Basics of ES6 Classes

Lecture 14: Subclassing

Lecture 15: The TimerTray Subclass

Lecture 16: Finishing TimerTray Refactor

Lecture 17: Setting Tooltips

Lecture 18: More on Garbage Collection

Lecture 19: Building Context Menus

Lecture 20: Controlling Window Focus

Lecture 21: Hiding Dock Icons

Lecture 22: MainWindow Class

Lecture 23: IPC Between React and Electron

Lecture 24: Displaying Text on the Tray

Lecture 25: Background Throttling

Chapter 5: Combining Electron with React and Redux

Lecture 1: App Overview

Lecture 2: Required Flag for Boilerplate Installation

Lecture 3: App Challenges

Lecture 4: BrowserWindow Creation

Lecture 5: Starting up Electron with Webpack

Lecture 6: Overview of React and Redux

Lecture 7: Receiving a List of Videos

Lecture 8: Video Metadata

Lecture 9: Handling Async Bulk Operations with Promises

Lecture 10: Fetching Metadata in Promises

Lecture 11: Refactoring for Multiple Videos

Lecture 12: Wrapup on Metadata

Lecture 13: Required Update for the convertVideos Action Creator

Lecture 14: Output Paths

Lecture 15: Batch Video Conversion

Lecture 16: Handling Conversion Completion

Lecture 17: Detecting Conversion Progress

Lecture 18: Opening Folders with Shell

Lecture 19: Wrapup

Chapter 6: Extras

Lecture 1: Bonus!

Instructors

Stephen Grider
Engineering Architect

Rating Distribution

1 stars: 41 votes

2 stars: 64 votes

3 stars: 283 votes

4 stars: 1029 votes

5 stars: 1975 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!