Electron: Building Cross Platform Desktop Apps

1h 55mIntermediate2019-05-28

Authors

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Course details

Electron is an open-source framework for creating desktop applications with your favorite web technologies: JavaScript, HTML, and CSS. It makes it easy to create a simple app with a few lines of code, using languages you already know. Want to learn more? Join Ray Villalobos as he walks through the techniques you need to master cross-platform desktop development with Electron. Learn how to configure and communicate between app windows (web pages) via the main and renderer processes; use Vue.js—the progressive JavaScript framework—with Electron; and improve your apps by modifying components and adding modals. Plus, see how to finish up an app by customizing menus and adding an icon for your dock.

Learning objectives
Creating a webview app
Configuring multiple windows and window events
Using Vue.js with Electron
Modifying components to improve your app
Using Vue.js developer tools
Adding modals
Creating custom menus
Managing interprocess communication (IPC) events

Skills covered

ElectronCross-Platform DevelopmentMobile DevelopmentProjectOpen Source

Concepts

Introduction

Cross-platform apps with Electron
Using the exercises for this course

Getting Started

Installing Electron
Creating a web view app
Loading hybrid projects

Exploring Electron Features

Exploring BrowserWindow
Handling window events
Creating multiple windows
Controlling window timing
Inter process communication (IPC)

Using Vue.js with Electron

Installing Vue and Electron
Using an existing Vue.js project
Building and exploring the installation
Choosing a loading strategy

Improving our Application

Modifying components
Using Vue developer tools
Adding a modal

Finishing our Application

Creating menus
Managing IPC events
Finishing your application

Conclusion

Next steps