Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Electron Framework

Master Electron: Desktop Apps with HTML, JavaScript & CSS

The Complete Electron course for learning to build Cross Platform Desktop Apps using HTML, JavaScript & CSS
Bestseller
Rating: 4.7 out of 54.7 (2,616 ratings)
15,762 students
Created by Ray Viljoen
Last updated 1/2021
English
English [Auto], French [Auto]
30-Day Money-Back Guarantee

What you'll 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.
Curated for the Udemy for Business collection

Course content

12 sections • 61 lectures • 7h 58m total length

  • Preview02:35
  • Lesson Structure
    01:47

  • Install & Run
    04:58
  • App Structure
    07:10
  • Using Native Node Modules
    04:33
  • Debugging
    05:45
  • Resetting the Project Code
    01:29
  • Electron Installation & Application Structure
    5 questions

  • App
    11:08
  • BrowserWindow: Getting Started
    06:13
  • Preview05:59
  • BrowserWindow: Frameless Window
    05:23
  • BrowserWindow: Properties, Methods & Events
    06:56
  • BrowserWindow: Window State
    03:50
  • BrowserWindow: webContents
    19:37
  • App Instance & BrowserWindow
    6 questions
  • Session: Getting Started
    10:38
  • Preview07:49
  • Session: DownloadItem
    09:26
  • BrowserWindow Sessions
    5 questions
  • Dialog
    08:26
  • Accelerators & globalShortcut
    04:18
  • Menu & MenuItem
    12:27
  • Context Menu
    02:56
  • Tray
    06:53
  • PowerMonitor
    02:20
  • Screen
    09:28
  • Miscellaneous Main Process Modules
    8 questions

  • Renderer Overview
    02:24
  • BrowserWindowProxy
    08:07
  • WebFrame
    06:02
  • DesktopCapturer
    06:31
  • Render Process Modules
    4 questions

  • ipcMain & ipcRenderer
    12:40
  • Remote Module
    08:31
  • IPC Invoke & Handle
    09:41
  • Inter Process Communication
    5 questions

  • Process
    06:35
  • Shell
    05:55
  • Preview10:03
  • Clipboard
    05:45
  • Shared Electron Modules
    6 questions

  • Offscreen Rendering
    05:59
  • Network Detection
    03:31
  • Notifications
    05:04
  • Preload Scripts
    07:41
  • Progress Bar
    02:51
  • Electron Features & Techniques
    4 questions

  • Overview & Setup
    17:04
  • Submitting New Items
    14:56
  • Retrieving Item Details
    06:46
  • Showing & Persisting Items
    09:06
  • Selecting Items for Opening
    13:37
  • Opening Items in Reader
    06:59
  • Deleting Items
    17:42
  • Application Menu
    20:05

  • Distribution Overview
    01:02
  • Electron-Builder
    15:56
  • Code Signing
    13:43
  • Publishing Releases
    12:32
  • AutoUpdater Module
    08:48
  • App Update
    09:34
  • Release & Update
    06:55

  • Notarization Overview
    03:06
  • Notarization with Electron-Builder
    13:07

Requirements

  • A good understanding of JavaScript. Basic understanding of ES6 would be beneficial.
  • Working knowledge of HTML & CSS.
  • Be comfortable with very basic usage of the command line (CLI)
  • Understand JavaScript in the Browser. e.g. Knowing what the global 'window' variable is etc.
  • Basic understanding of Node.js
  • Basic knowledge of Git (Recommended, but not required)

Description

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

Who this course is for:

  • This course is designed for developers with a good understanding of web technologies such as HTML, CSS & JS, looking to start building native Desktop applications using their existing knowledge.
  • The course covers almost every aspect of Electron and is very comprehensive.
  • No prior experience with Electron is required.

Featured review

Andy Robinson
Andy Robinson
110 courses
17 reviews
Rating: 5.0 out of 511 months ago
I really like Ray's approach to teaching Electron and how he has constructed the course overall. The practical examples are great at instilling the key concepts of Electron and the inner workings of the main components.

Instructor

Ray Viljoen
Practical Courses Designed for Learning Efficiency.
Ray Viljoen
  • 4.7 Instructor Rating
  • 9,304 Reviews
  • 55,869 Students
  • 7 Courses

Stackacademy provides high-quality Courses for Developers, with learning-efficiency as the number one priority.

My name is Ray Viljoen,
I have over 10 years experience as a Full Stack Developer and have real world experience building, maintaining & optimising a wide range of applications.

My courses are concise, teaches practical skills and is designed to also serve as usable future reference material.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.