Latest Articles

Hero image for article
Icon for article
cordovaionic

Installing ngCordova in an Ionic 1.x Application

2 min read

ngCordova is a collection of AngularJS services and extensions created by Ionic and driven by the community. These services make it easier to integrate Cordova plugins into Ionic applications.

Hero image for article
Icon for article
google mapsionic

Part 2: Using the $http Service in Ionic 1.x to Dynamically Load Google Map Markers

6 min read

This tutorial will focus on loading in Google Maps markers dynamically using the `$http` service in Ionic, and in Part 2 we will create a way to only load markers for the area the user is currently looking at.

Hero image for article
Icon for article
ionic

Monitoring Online and Offline States in an Ionic 1.x Application

3 min read

In this tutorial I'm going to walk you through how to set up and use the Network Information plugin in conjunction with the normal `navigator.onLine` method, how to detect online and offline states, and also how to detect *when* a device switches from online to offline or vice versa.

Hero image for article
Icon for article
google mapsionic

Part 3: Advanced Google Maps Integration with Ionic 1.x and Remote Data

5 min read

In this tutorial we're going to complete the transition from basic Google Maps implementation to an advanced and production ready implementation.

Hero image for article
Icon for article
authenticationfirebaseionic

Email and Facebook Authentication with Ionic 1.x and Firebase

4 min read

We will set up a simple email and Facebook authentication process, and we will also look at how to integrate the Facebook Connect plugin so that users can authenticate using the Facebook app on their native device, rather than using an in app browser.

Hero image for article
Icon for article
ionic

How to Create a Nested Tab View in Ionic 1.x

2 min read

In this tutorial I'm going to show you how to modify this tab view so that we can separate each tab out into its own file and how to set up routing so that each tab has its own navigation stack.

Hero image for article
Icon for article
apiionicspotify

Building a Simple Spotify Player with Ionic 1.x

4 min read

In this tutorial I will show you how to login to Spotify, access your playlists, read the track data and also play some music snippets.

Hero image for article
Icon for article
backendfirebaseionic

Create a Real Time Chat App with Ionic 1.x and Firebase

3 min read

We will keep our existing login flow, but now when a user is authenticated we will send them to the chat room. From here they will be able to see a list of all of the messages that have been sent, and they will be able to add their own messages

Hero image for article
Icon for article
ionictheming

Creating an Attractive Login Screen in Ionic 1.x with Flexbox

7 min read

In this tutorial we are going to focus on creating an attractive login screen using our own custom styling and layout

Hero image for article
Icon for article
backendfirebaseionic

Implementing the Master Detail Pattern in Ionic 1.x with Firebase

4 min read

What I'm going to do in this tutorial is modify the application Andrew created to use Firebase as the backend for data storage.

Hero image for article
Icon for article
animationionic

How to Create Animations with CSS in Ionic 1.x

5 min read

Animations are one of the little details that can make an average mobile app outstanding. You need to be careful with animations though, especially with HTML5 based mobile applications.

Hero image for article
Icon for article
cordovaintermediateionicionic3securityvideo

Extracting the Source Code of any Cordova Application

1 min read

In this video, we walk through how you can extract the source code for any Cordova application on the app store, and why this is an important design consideration for your own applications.

Hero image for article
Icon for article
beginnerionic2ionic3video

What’s New in Ionic 3?

1 min read

In this video, I explore some of the new features and changes that you may notice in your Ionic 3 applications.

Hero image for article
Icon for article
beginnercordovadiscussionstorage

A Summary of Local Storage Options for PhoneGap Applications

7 min read

There's quite a few different options out there, it can be pretty confusing, so in this article I will provide a brief overview of the different storage options

Hero image for article
Icon for article
backendintermediatemongodbnosql

An Introduction to NoSQL for HTML5 Mobile Developers

7 min read

If you've been hanging around in web land then there's a good chance you've at least heard of NoSQL. It's a broad term that can mean a lot of different things,

Hero image for article
Icon for article
backendbeginnerdiscussion

A Summary of Backend Options for HTML5 Mobile Applications

11 min read

I feel like now is a good time to cover the various options out there for remote backends for HTML5 mobile applications.

Hero image for article
Icon for article
googlegooglemapsintermediateionic2

Google Maps in Ionic 2: Native or Web?

5 min read

A discussion on the differences between the Google Maps Javascript SDK and the native Cordova plugin when using maps in Ionic 2.

Hero image for article
Icon for article
beginnerionic2

Building Ionic 2 Applications for iOS without a Mac

5 min read

In this tutorial, I am going to show you how to build an Ionic 2 application for iOS and Android using the Ionic Package service.

Hero image for article
Icon for article
beginnercordovaionic2video

An Explanation of Cordova Plugins for Ionic 2

1 min read

In this video tutorial, I walk through the basic concepts of Cordova right from the beginning in order to give you the "full picture" of how it all works.

Hero image for article
Icon for article
beginnerionicionic2security

Basic Security for Ionic & Cordova Applications

6 min read

When it comes to Ionic applications there are a few key things that I feel are important to know and understand when building applications with potential security concerns.

Hero image for article
Icon for article
beginnerionic

An Introduction to ES6 Modules for Ionic Developers

4 min read

In this tutorial, we are going to take a look at how we make use of ES6 modules in an Ionic application and how exactly they work.

Hero image for article
Icon for article
consoleerrors

Common Sencha Touch Errors & How to Fix Them

3 min read

This post will serve to list some of the more common errors and potential causes - I intend to continue updating this over time so if you think there's anything that should be added to this list (whether you know the solution or not) please leave a comment below.

Hero image for article
Icon for article
famo.usframeworkshtml5

The Potentially Game Changing HTML5 Framework Famo.us Has Launched!

3 min read

Famo.us is another Javascript framework for creating HTML5 mobile applications, and the team claims that it's just as fast and fluid as native apps.

Hero image for article
Icon for article
senchacontutorialsvideo

4 Insightful Sencha Touch Video Tutorials from the Experts

3 min read

Sencha Touch resurfaced some of the best videos from the 2013 convention. I've compiled and summarised the presentations that I found most interesting.

Hero image for article
Icon for article
convertfacebookmappingmodel

2 Ways to Make Your Sencha Touch Models Smarter

2 min read

Sometimes we have to deal with funny data that doesn't play nicely with our model, and Sencha Touch provides ways to deal with this.