Electron From Scratch- Build Desktop Apps With JavaScript

Electron From Scratch: Build Desktop Apps With JavaScript, available at $69.99, has an average rating of 4.69, with 59 lectures, based on 1222 reviews, and has 7800 subscribers.

You will learn about Learn how to build desktop apps with Electron Create and package 3 complete cross-platform applications Use IPC to communicate between Main & Renderer Processes Use Vanilla JS & React with Electron Create custom menu items, system tray apps and more Work with local data as well as MongoDB Atlas database This course is ideal for individuals who are Developers that want to build desktop apps with web technologies It is particularly useful for Developers that want to build desktop apps with web technologies.

Enroll now: Electron From Scratch: Build Desktop Apps With JavaScript

Summary

Title: Electron From Scratch: Build Desktop Apps With JavaScript

Price: $69.99

Average Rating: 4.69

Number of Lectures: 59

Number of Published Lectures: 59

Number of Curriculum Items: 59

Number of Published Curriculum Objects: 59

Original Price: $49.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to build desktop apps with Electron

Create and package 3 complete cross-platform applications

Use IPC to communicate between Main & Renderer Processes

Use Vanilla JS & React with Electron

Create custom menu items, system tray apps and more

Work with local data as well as MongoDB Atlas database

Who Should Attend

Developers that want to build desktop apps with web technologies

Target Audiences

Developers that want to build desktop apps with web technologies

This is a hands on, project based course on learning how to build and package cross-platform desktop applications using Electron. Many popular apps including VSCode, Slack and Skype are built on Electron.

We will build 3 apps

ImageShrink– An app to optimize images for websites

SystTop – RealTime CPU monitor with notifications and system tray

BugLogger – CRUD app to track logs which uses React and the MongoDB Atlas cloud database

Some stuff you will learn:

Create app windows with BrowserWindow

Create menus with custom items

Menu roles

Shell module to open files and folders

Create system tray icons with context menus

App events

Main process & Renderer process

Communication between processes with IPCMain & IPCRenderer

Packaging Electron apps

Creating log files

Interact with system hardware

Create a data store file with settings data

Integrate React with Electron

Integrate a MongoDB database with Mongoose

Some JavaScript stuff that you may not have known

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course

Lecture 2: Electron: What & Why?

Lecture 3: How Electron Works

Lecture 4: Environment & Code Repo

Lecture 5: Links

Chapter 2: Project 1 – Image Shrink App & Getting Started With Electron

Lecture 1: Project Intro

Lecture 2: Setup & BrowserWindow

Lecture 3: Loading a Window File & Adding an Icon

Lecture 4: Important! Absolute Icon Paths

Lecture 5: Environment & Platform Check

Lecture 6: Using Nodemon With Electron

Chapter 3: Working With The Menu

Lecture 1: Creating a Menu Template

Lecture 2: Menu & Global Shortcuts

Lecture 3: Menu Roles

Lecture 4: Open Window From Menu

Chapter 4: Interface, IPC, ImageMin & Packaging

Lecture 1: Creating The Interface

Lecture 2: Renderer Node Integration

Lecture 3: IPC Communication

Lecture 4: Implementing Imagemin & Plugins

Lecture 5: Send Events To Renderer

Lecture 6: Creating Log Files

Lecture 7: Package & Test Our App

Chapter 5: Project 2 – SysTop App

Lecture 1: Project Intro

Lecture 2: Boilerplate Setup

Lecture 3: Template Assets Setup

Lecture 4: Creating The Interface

Chapter 6: System Stats & Renderer Process

Lecture 1: Static System Stats

Lecture 2: Interval/Dynamic System Stats

Lecture 3: Progress Bar & CPU Overload

Lecture 4: Notifications API

Lecture 5: Notification Timing

Chapter 7: Storing Local Data

Lecture 1: Creating a Store

Lecture 2: Set Default Settings To Renderer

Lecture 3: Saving Data To Our Store/File

Lecture 4: Use Settings Data In Monitor

Chapter 8: Tray Icon & Wrap Up

Lecture 1: Creating a Tray Icon

Lecture 2: Tray Context Menu

Lecture 3: Nav Toggle Menu Item

Lecture 4: MainWindow Class

Lecture 5: AppTray Class

Lecture 6: Package & Test Our App

Chapter 9: Project 3 – BugLogger App & Creating The React UI

Lecture 1: Project Intro

Lecture 2: React-Electron Boilerplate Setup

Lecture 3: Log State & Table

Lecture 4: LogItem Component

Lecture 5: Formatting Dates With Moment

Lecture 6: AddLogItem Component

Lecture 7: Adding a Log (UI Only)

Lecture 8: Displaying Alerts

Lecture 9: Deleting a Log (UI Only)

Chapter 10: Main Process, IPC & MongoDB

Lecture 1: Setup MongoDB Atlas

Lecture 2: Connect To Database With Mongoose

Lecture 3: Create Log Model

Lecture 4: Get Logs From Database

Lecture 5: Add Log To Database

Lecture 6: Delete Logs From Database

Lecture 7: Clear Logs Menu Item

Lecture 8: Package & Test Our App

Lecture 9: Custom Icon

Instructors

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Prateek Madaan
Full Stack Web Development | OSS Fanatic

Rating Distribution

1 stars: 9 votes

2 stars: 11 votes

3 stars: 75 votes

4 stars: 332 votes

5 stars: 795 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!