How to Unit Test an Ionic 2 Application
Ok, confession time: up until now I haven’t been testing my apps. Well, not properly at least. Of course I play around with my apps and try them on different devices before submitting to the app store,...
View ArticleAdvanced Forms & Validation in Ionic 2
You may be familiar with using [(ngModel)] to set up two way data binding between inputs in your templates, and variables in your class definition. For example you might have an input field like this:...
View ArticleAn Introduction to NoSQL for HTML5 Mobile Developers
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, but at its core it refers to a database...
View ArticleBuilding a Review App with Ionic 2, MongoDB & Node
Throughout your adventures in web and mobile development, you may have heard of the MEAN stack, which (aside from sounding pretty badass) stands for MongoDB, Express.js, Angular, and Node.js. All of...
View ArticleOffline Syncing in Ionic 2 with PouchDB & CouchDB
Since I started travelling around Australia I’ve tried to keep things pretty minimal. I got rid of all the clothes I didn’t need, shoes, kitchen ware, furniture, cleaning products and so on. Basically,...
View ArticleAn Introduction to Lists in Ionic 2
Lists are one of the most common interface elements in mobile applications. They are an efficient way to display lots of information in a small space and the act of scrolling through a list is...
View ArticleAn In-Depth Explanation of Providers in Ionic 2
Injectables, Services, Providers – whatever you call them (I like to call them services), they are a critical part of building applications with Ionic 2. Components are the backbone of our...
View ArticleCreating a Multiple User App with PouchDB & CouchDB
In a previous tutorial I covered how to create an offline application that syncs with a remote database when online. We created a todo application that used PouchDB to store data locally, which synced...
View ArticlePart 2: Creating a Multiple User App with Ionic 2, PouchDB & CouchDB
In the last tutorial we discussed some strategies for creating a multi user app with PouchDB and CouchDB, specifically in the relation to the todo application created in this tutorial. If you are...
View ArticleTips & Tricks for Styling Ionic 2 Applications
A little while ago I wrote A Guide to Styling an Ionic 2 Application which covered how theming works in Ionic 2, and how you should go about styling your Ionic 2 applications. This covered everything...
View ArticleBuilding a Hotel Booking App with Ionic 2, MongoDB & Node
A short while ago I wrote a tutorial on how to build a review application in Ionic 2 with the MEAN (MongoDB, Express.js, Angular, and Node.js) stack. Although this was a reasonably advanced tutorial,...
View ArticleIonic GO – Create a Pokémon GO Style Interface in Ionic 2
When Pokémon GO was released I was in the middle of the Australian outback – the PokéStops, Gyms, and even the Pokémon were few and far between. Although I was missing out on the action a bit, I knew...
View ArticleUsing the Web Animations API in Ionic 2
Animations can be the element that sets an outstanding application apart from an average one, but overdone or poor performing animations can degrade the quality of an application. They can greatly...
View ArticleCreate an Animated Login Screen in Ionic 2
In a recent tutorial I covered how to use the Web Animations API in Ionic 2 with Angular 2 animations. If you’re unfamiliar with either the Web Animations API or how to use animations in Angular 2, I...
View ArticleIntegrating Native Google Maps into an Ionic 2 Application
In the past, I’ve extensively covered how to use the Google Maps JavaScript SDK in Ionic 2, Ionic 1, and even other HTML5 mobile frameworks. These are some of my most viewed tutorials because maps are...
View ArticleGoogle Maps in Ionic 2: Native or Web?
Last week I published a tutorial on using the native Google Maps SDKs in Ionic 2, and in the past I’ve created many tutorials on using the Google Maps Javascript SDK. In the last tutorial, we discussed...
View ArticleTalking Progressive Web Apps with Ionic’s Justin Willis
Generally, when you build an app with a HTML5 mobile framework like Ionic, you package it with Corodva (which wraps the application in a native shell, and provides access to native APIs) and put it up...
View ArticleStreaming Music from SoundCloud in Ionic 2: Part 1
SoundCloud is one of the biggest platforms in the world for not only sharing music, but sounds of any kind from podcasts to character voices. They also provide a nice API that we can use to integrate...
View ArticleUnderstanding Zones and Change Detection in Ionic 2 & Angular 2
Zones and change detection are an important part of Angular 2, and so it is important to our Ionic 2 application. I figured I understood what was happening at a surface level with change detection, but...
View ArticleHigh Performance List Filtering in Ionic 2
Displaying a list with data is perhaps one of the most common elements of a mobile application, and adding the ability to search and filter those lists is also a common feature. We need to be able to...
View Article