ionic

Hero image for article
Icon for article
advancedintermediateionic

Advanced Guide to the Ionic Framework

3 min read

This article contains a list of curated articles for Ionic developers that want to start learning more advanced concepts.

Hero image for article
Icon for article
angularionicvue

Learning Vue for Ionic/Angular Developers – Part 2

5 min read

In this tutorial, we are going to start by covering the absolute basics of routing/navigation in Vue, and then we are going to look at how to navigate through an Ionic application using Vue.

Hero image for article
Icon for article
angularionicobservables

Using Observables in Ionic 3.9.x and Angular 5

3 min read

In this article, we are going to take a look at one of the more significant changes in Angular 5 which is an update to RxJS and Observables.

Hero image for article
Icon for article
angularintermediateionicpwa

Building a Cryptocurrency Price Tracker PWA in Ionic

10 min read

In this tutorial series, we cover building a progressive web application with Ionic and hosting it using Firebase hosting.

Hero image for article
Icon for article
backendbeginnerionicnode

Integrating an Ionic Application with a NodeJS Backend

5 min read

In this tutorial, I am going to start by giving a very bare bones introduction to what a basic NodeJS server might look like

Hero image for article
Icon for article
beginnerionicvue

Learning Vue for Ionic/Angular Developers – Part 3

4 min read

In this tutorial, we are going to look at how to create "services" or "providers" in Vue that pull in some data via an HTTP request.

Hero image for article
Icon for article
angularintermediateionicnode

Communicating Between an Ionic Application and a NodeJS Backend

5 min read

In this tutorial, we are going to take a deeper look at how an Ionic application and a NodeJS server can communicate back and forth.

Hero image for article
Icon for article
angularbackendfirebaseintermediateionicpwa

Hosting an Ionic PWA with Firebase Hosting

4 min read

In this tutorial, we are going to walk through how to host an Ionic PWA using Firebase Hosting.

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
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
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
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
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
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.

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.