HOT
blank

Electron From Scratch: Build Desktop Apps With JavaScript

Development

Rating4.7
Enroll Now

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

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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024