Udemy

Electron From Scratch: Build Desktop Apps With JavaScript

Enroll Now
  • 8,584 Students
  • Updated 5/2020
4.7
(1,305 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 47 Minute(s)
Language
English
Taught by
Brad Traversy, Prateek Madaan
Rating
4.7
(1,305 Ratings)
2 views

Course Overview

Electron From Scratch: Build Desktop Apps With JavaScript

Create 3 useful desktop applications with web technologies using Electron

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 Content

  • 10 section(s)
  • 59 lecture(s)
  • Section 1 Introduction
  • Section 2 Project 1 - Image Shrink App & Getting Started With Electron
  • Section 3 Working With The Menu
  • Section 4 Interface, IPC, ImageMin & Packaging
  • Section 5 Project 2 - SysTop App
  • Section 6 System Stats & Renderer Process
  • Section 7 Storing Local Data
  • Section 8 Tray Icon & Wrap Up
  • Section 9 Project 3 - BugLogger App & Creating The React UI
  • Section 10 Main Process, IPC & MongoDB

What You’ll 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

Reviews

  • K
    Kavya Suri
    5.0

    Good

  • A
    Alan Drennan
    5.0

    Brad can teach! No BS just the goods :)

  • S
    Simon Fabian
    5.0

    clear and precise.

  • G
    Glen Carrie
    5.0

    Clearly set out structure , easy to understand and follow

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed