Building Desktop Apps with Ionic and Electron

Wouldn't it be cool if your Ionic web apps could also run on desktops? With Electron, they can! All the time and effort you've spent learning web mobile technologies such as HTML, CSS, JavaScript, Angular, and Ionic can be applied to the desktop.
Course info
Rating
(18)
Level
Intermediate
Updated
Dec 6, 2019
Duration
3h 38m
Table of contents
Course Overview
Getting Started
Building a Desktop UI with Ionic
Storage
Adding Electron: Interacting with the Host OS
Application Communications
Packaging and Deployment
Description
Course info
Rating
(18)
Level
Intermediate
Updated
Dec 6, 2019
Duration
3h 38m
Description

Desktop development has historically required dramatically different skills than those required for web development. The two disciplines don't mesh well. In this course, Building Desktop Apps with Ionic and Electron, you will gain the ability to apply your hard-earned web development skills to build amazing desktop applications. First, you will learn how to build a functional and attractive UI with Ionic and Angular. Next, you will discover how to wrap that UI into an Electron application shell. Finally, you will explore how to package your app and make it ready for distribution. When you are finished with this course, you will have the skills and knowledge of Ionic and Electron development needed to deploy and distribute a beautiful app to both Windows and macOS users.

About the author
About the author

Software developer / Tech Lead with more than twenty years of professional software development experience, primarily in Microsoft and Linux environments, the past decade of which has been spent assembling, mentoring, and leading development teams.

More from the author
Building Progressive Web Apps with Ionic
Beginner
3h 9m
May 14, 2019
Ionic CLI
Beginner
2h 23m
Jun 13, 2018
More courses by Michael Callaghan
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Mike Callaghan, and welcome to my course, Building Desktop Apps with Ionic and Electron. It's safe to say that software has defined my life. I started programming BASIC and Pascal in high school back in the 1980s on HP minicomputers. That experience eventually lead to a career developing software professionally, which is now in its third decade. Does it feel as though everyone is doing web development these days? Where I work, every new app is a web app, but sometimes an application just has to run on the desktop and interact with the host OS. In such cases, it seems foolish to ignore all of those web development skills. But now you don't have to. In this course, we're going to use our web development skills, HTML, JavaScript, and TypeScript, to build a cross‑platform desktop app that will run on both macOS and Windows. Some of the major topics that we'll cover include building the UI with the Ionic Framework, showcasing that Ionic isn't just about mobile development, using Electron to host the Ionic code inside of a native application shell, interacting with the desktop OS to display icons and menus and responding to user menu selections, building installers appropriate for either platform and creating public releases from those installers, implementing auto updates so that users only have to install the app once. By the end of this course, you'll see just how easy it can be to build a real‑world, functioning, cross‑platform app with Ionic and Electron. Before beginning the course, you should be familiar with the basics of web development using HTML5, JavaScript, TypeScript, and Angular. It will also help if you already have done a few of the Ionic tutorials. I hope you'll join me on this journey to learn more about cross platform app development with the Building Desktop Apps with Ionic and Electron course, at Pluralsight.