Master Electron Desktop Apps With Html, Javascript & Css
 

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.
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 learningto 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 toolsUnderstand the different parts of Electron and how they work togetherCover the near-entire Electron API, learning one module at a timeLearn Electron features & techniques for using API modules togetherPut 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 OverviewWith 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.
Overview
Section 1: Overview
Lecture 1 Introduction
Lecture 2 Lesson Structure
Section 2: Developing with Electron
Lecture 3 Install & Run
Lecture 4 App Structure
Lecture 5 Using Native Node Modules
Lecture 6 Debugging
Lecture 7 Resetting the Project Code
Section 3: Main Process API
Lecture 8 App
Lecture 9 BrowserWindow: Getting Started
Lecture 10 BrowserWindow: Parent & Child Windows
Lecture 11 BrowserWindow: Frameless Window
Lecture 12 BrowserWindow: Properties, Methods & Events
Lecture 13 BrowserWindow: Window State
Lecture 14 BrowserWindow: webContents
Lecture 15 Session: Getting Started
Lecture 16 Session: Cookies
Lecture 17 Session: DownloadItem
Lecture 18 Dialog
Lecture 19 Accelerators & globalShortcut
Lecture 20 Menu & MenuItem
Lecture 21 Context Menu
Lecture 22 Tray
Lecture 23 PowerMonitor
Lecture 24 Screen
Section 4: Renderer Process API
Lecture 25 Renderer Overview
Lecture 26 BrowserWindowProxy
Lecture 27 WebFrame
Lecture 28 DesktopCapturer
Section 5: IPC Communication
Lecture 29 ipcMain & ipcRenderer
Lecture 30 Remote Module
Lecture 31 IPC Invoke & Handle
Section 6: Shared API
Lecture 32 Process
Lecture 33 Shell
Lecture 34 NativeImage
Lecture 35 Clipboard
Section 7: Features & Techniques
Lecture 36 Offscreen Rendering
Lecture 37 Network Detection
Lecture 38 Notifications
Lecture 39 Preload Scripts
Lecture 40 Progress Bar
Section 8: Project
Lecture 41 Overview & Setup
Lecture 42 Submitting New Items
Lecture 43 Retrieving Item Details
Lecture 44 Showing & Persisting Items
Lecture 45 Selecting Items for Opening
Lecture 46 Opening Items in Reader
Lecture 47 Deleting Items
Lecture 48 Application Menu
Section 9: Application Distribution
Lecture 49 Distribution Overview
Lecture 50 Electron-Builder
Lecture 51 Code Signing
Lecture 52 Publishing Releases
Lecture 53 AutoUpdater Module
Lecture 54 App Update
Lecture 55 Release & Update
Section 10: MacOS Notarization
Lecture 56 Notarization Overview
Lecture 57 Notarization with Electron-Builder
Section 11: MacOS Touch Bar
Lecture 58 Touch Bar Basics
Lecture 59 Advanced Touch Bar Layouts
Lecture 60 Touch Bar Integration
Section 12: Outro
Lecture 61 Bonus Lecture: Feedback & Stackacademy.tv Courses
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.
Screenshots