Skip to main content

Ionic + Electron: Sneak Peek at my Upcoming Pluralsight Course

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 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. Now, you don’t have to.

In this course, we are going 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 will cover include: 
  • Building the UI with the Ionic Framework, showcasing that Ionic isn’t just about mobile development anymore.
  • Using Electron to host the Ionic code inside of a native application shell.
  • Interacting with the desktop OS to display icons and menus, loading files, and responding to user menu selections.
  • Building installers appropriate for either platform, and creating public releases from those installers.
  • Implementing auto-updates, so that the users only have to install the app once.

By the end this course, you’ll see just how simple it can be to build a real-world, functioning cross-platform app with Electron and Ionic.

Before beginning the course you should be familiar with the basics of web development using HTML5, JavaScript, TypeScript, and Angular. It will help if you have already done a few of the Ionic tutorials.

I hope you'll take a look at my course. Expected release in July 2017. 

Start your Free Trial today!


Popular posts from this blog

How to copy your Frozen Free Fall progress to a new phone

It's happened to all of us. You are about to get a branch new smartphone, when it hits you. You're on level 250 of Frozen Free Fall. If you get a new phone, you'll lose all of that progress! Ok, admittedly this isn't the most pressing problem of our time, but it's annoying. So today I decided to do something about it.

I have a Samsung Galaxy S4 (Android), and just received an iPhone 5c. Before you bash me on my phone choice, let me explain that the iPhone is provided by my employer at no cost to me. Now you may proceed to bash me for putting games on my work phone. 
First step: Frozen Free Fall had already been installed on both devices. Next, using the Astro File Manager on my Galaxy, I searched and found the Frozen game save stored in /storage/sdcard0/Android/data/com.disney.frozensaga_goo/files/user.dat. I imagine it will be in the same location on any Android phone. If not, just look for user.dat in a folder with a similar name. So, using a USB cable and the A…

Ionic vs. Bootstrap - for a Web App

Ionic 1.x vs Bootstrap 3.x for a Web AppI was recently asked at work to come up with a comparison between Ionic Framework and a more traditional Angular/Bootstrap combination to create a web app. The application will primarily be used in a desktop web browser (probably Chrome or IE). There are also some use cases where it will be accessed from Safari on an iPad. However, this is purely a web; there are no plans to install the app onto the iPad as a hybrid app. Thus, recommending Ionic to build the UI hadn't occurred to me until the request was made.

This is even more surprising in that I recently published a Pluralsight course on Ionic Framework 1. It should have been the first thing that crossed my mind.
One constraint is that currently only Angular 1.x and Bootstrap 3 are authorized web technologies. Ionic 1.3 was recently approved, but not Ionic 2, Angular 2, or TypeScript yet.
Given those constraints, herein is my attempt at coming up with reasons to use (or not to use) Ionic…

Ionic + StencilJS = Slot Machine

Ionic + StencilHi, this is Mike Callaghan, and today I want to make a simple slot machine. This is a follow up to my recent video on creating my very first stencil web component. In that video, I added the component to an existing ionic app, but I really glossed over how that happens.
Today I'm going to go through the steps necessary to take an existing StencilJS web component, and create a working mobile app from scratch with the Ionic Framework that uses three instances of that component. The StencilJS componentLet's start with the web component. I created it a few weeks ago to see how to get CSS 3D animation working with Stencil. My goal was to create a component I could use multiple times on a page, without the component needing to know or care what the images are that it's animating, or how many there are. All of that is determined dynamically. Show the github repoI'm not going to go through the code here at all. Here is the public GitHub repo if you want to check t…