Latest Articles

Hero image for article
Icon for article
angularionicvue

Learning Vue for Ionic/Angular Developers – Part 4

4 min read

In this tutorial, we create a service for Vue that wraps localForage to handle saving data in the best storage mechanism available.

Hero image for article
Icon for article
angularintermediateionicpwa

Preparing a Progressive Web Application for Production

7 min read

In this tutorial, we will be taking the necessary steps to turn the Ionic application we have built into one that would be considered a progressive web application.

Hero image for article
Icon for article
angularintermediateionicuiux

Building a Time Locked Advent Calendar in Ionic

6 min read

We are going to build an advent calendar in Ionic, complete with animations for revealing each day.

Hero image for article
Icon for article
angularbeginnercordovaionicvue

Learning Vue for Ionic/Angular Developers – Part 5

4 min read

In this tutorial, we are going to walk through how we can use Cordova to wrap our Ionic/Vue code into a native application.

Hero image for article
Icon for article
backendcouchdbintermediate

Creating a CouchDB Database on an Ubuntu Server (Digital Ocean)

7 min read

In this tutorial, we are going to walk through how you can set up your own CouchDB database on an Ubuntu server hosted with Digital Ocean

Hero image for article
Icon for article
angularbackendintermediateionicnode

Adding CAPTCHA to Ionic with NodeJS Middleware

6 min read

In this tutorial, we will be investigating adding Google's reCAPTCHAto an Ionic application that is powered by a NodeJS backend.

Hero image for article
Icon for article
backendcloudantcouchdbintermediate

Replicating a Cloudant Database to CouchDB

4 min read

In this tutorial, we are going to walk through how to replicate data from Cloudant to a self-hosted CouchDB database.

Hero image for article
Icon for article
.pgbomitfile sizephonegap build

Using PhoneGap Build’s .pgbomit to Drastically Reduce File Size

2 min read

The PhoneGap Build service has just overcome this problem in a spectacular way with the introduction of .pgbomit. Adding a .pgbomit file essentially allows us to tell PhoneGap Build to...

Hero image for article
Icon for article
ionic

Live Reload Across Multiple Devices with Ionic DevApp

3 min read

In this article, we take a look at Ionic's new DevApp.

Hero image for article
Icon for article
sencha

Learning the Ionic 1.x Framework as a Sencha Touch Developer: Part 1

2 min read

This will be useful as a getting started guide in a general sense, but I will also be making comparisons to Sencha Touch along the way. This will allow you to understand any key differences between the frameworks and how they stack up against each other.

Hero image for article
Icon for article
sencha

Learning the Ionic 1.x Framework as a Sencha Touch Developer: Part 2

3 min read

Now we need to learn how to start using Ionic. As always, the best place to start is the documentation. Ionic's documentation is especially user friendly, and you can see at a glance all the different topics you should be focusing on.

Hero image for article
Icon for article
sencha

Learning the Ionic 1.x Framework as a Sencha Touch Developer: Part 3

7 min read

So, in this article I'm going to list the basic core concepts for AngularJS and Ionic I've learned as someone new to the frameworks.

Hero image for article
Icon for article
sencha

Learning the Ionic 1.x Framework as a Sencha Touch Developer: Part 4

3 min read

In this post I'll focus on going over how to use Cordova within an Ionic application and hopefully we'll wrap things up in the following post in this series.

Hero image for article
Icon for article
sencha

Learning the Ionic 1.x Framework as a Sencha Touch Developer: Part 5

7 min read

We will discuss how to build Ionic applications for both iOS and Android. I'll also provide a "mini analysis" of Sencha Touch vs Ionic.

Hero image for article
Icon for article
ionic

Organising Code in an Ionic 1.x Application for Beginners

3 min read

On top of actually learning how the framework works, you also need to make sure your code, files and folders stay well structured and easy to maintain. It's easy to skip over this stuff as a beginner and end up with a really messy set up that makes you cringe every time you look at it.

Hero image for article
Icon for article
cameracordovaionicstorage

Store Camera Photos Permanently Using PhoneGap, Ionic 1.x & ngCordova

3 min read

It's simple enough to trigger the devices camera and grab the resulting photo, but there's one big problem. The photo will eventually disappear.

Hero image for article
Icon for article

Combining the Phaser Framework with Ionic 1.x & AngularJS

2 min read

Phaser is great at making games, but not so great for creating complex UI interfaces on mobile. Ionic is great at creating mobile applications but it's, obviously, no good at creating games.

Hero image for article
Icon for article
angular2ionic2

What Impact Will AngularJS 2.0 Have on Ionic 1.x?

2 min read

Since Ionic is built on top of Angular, this also means big changes for Ionic. So I want to discuss a few issues this brings up and concerns existing Ionic developers, like me, might have.

Hero image for article
Icon for article
ionic

How to Minify an Ionic 1.x Application for Production

5 min read

Before you build the final production ready version of your Ionic application, you might want to first minify it. Minifying code is essentially the process of stripping away everything unnecessary.

Hero image for article
Icon for article

Getting Started with the Ionic 1.x Command Line Interface (CLI)

3 min read

This tutorial is for two types of people People who are comfortable with using a command line interface but are new to Ionic or people who avoid using the command line interface at all costs AND are new to Ionic

Hero image for article
Icon for article
cordovagulpionic

How to Minify an Ionic 1.x Application using Gulp and Cordova Hooks

2 min read

When using a local verison of PhoneGap though it will just take the entire contents of the www directory by default, which means the source files as well as the minified files will be inlcuded in the final package (which obviously defeats the purpose of doing it in the first place).

Hero image for article
Icon for article
ionicpush notifications

An Introduction to Ionic 1.x Push

7 min read

Let's take a look at how to get up and running with the Ionic Push service and then discuss how it might stack up to the existing services.

Hero image for article
Icon for article
authenticationionicparse

User Authentication with Ionic 1.x and Parse, Part 1: Email Login

6 min read

Parse does a lot of fancy stuff but in this tutorial I'm going to show you how we can set up user authentication with an email login in an Ionic application with Parse.

Hero image for article
Icon for article
authenticationionicparse

User Authentication with Ionic 1.x and Parse, Part 2: Facebook Login

5 min read

Creating a new user using an email address with Parse was pretty easy, but it is quite common for applications to offer Facebook as a sign up option as well.

Hero image for article
Icon for article
google mapsionic

Part 1: Integrating Google Maps with an Ionic 1.x Application

4 min read

In this tutorial I am going to walk you through how to integrate the Google Maps JavaScript SDK into an Ionic application.