Talking 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 on the app stores to be installed on people’s device – this is a hybrid app. Skip the part […]

Google Maps in Ionic 2

Google 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 some of the differences between using the Cordova plugin that allows us to use the native iOS and […]

Animate with Ionic 2

Using 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 improve user experience, or just make things harder for the user. In the web vs native debate, I give little credence to the blanket […]

Providers in Ionic 2

An 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 applications, they are responsible for what we actually see on the screen, but services play an important role in providing information to our application […]

Lists in Ionic 2

An Introduction to Lists in Ionic 2 & 3

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 basically second nature for most mobile users. Facebook uses a list for their news feed, as does Instagram and many […]

Getting MEAN with Ionic 2

Building 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 these technologies work together to allow you to create an application with a frontend and a backend. In this tutorial we will be creating […]

An 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 that isn’t a typical relational style database (like MySQL, MSSQL, PostgreSQL and so on). For […]

Unit Testing in Ionic

How to Unit Test an Ionic 2 Application

Everybody (hopefully) tests their applications in some manner before submitting them to the app stores, and for a lot of people, this will include playing around with the app and trying it on different devices. That alone is a poor and inefficient testing process, however. Unit testing, on the other hand, is a very efficient […]

Difference between Angular 2 and Ionic 2

Using Angular 2 without Ionic 2: Part 1

Angular 2 without Ionic 2 is… just Angular 2. So what’s the point of this post? There’s plenty of getting started with Angular 2 tutorials out there, including this simple one on the Angular website. However, I wanted to create a small series of tutorials on using Angular 2 without Ionic for Ionic developers. Many […]

Arcade Slopes Plugin

Using the Arcade Slopes Plugin in Phaser

A while ago I wrote a bit of a summary of the different physics system in Phaser, which covered a little bit about how they work and I also followed that up a little later with a more in-depth tutorial on using the Ninja physics system. To save you having to read the entire article, […]

TypeScript vs ES6

Ionic 2: TypeScript vs ECMAScript 6

The title of this post, although it describes the intention, might be a little bit confusing. TypeScript and ECMAScript 6 (ES6) are not really two different things battling it out, TypeScript is just an extension of the standard ECMAScript 6 syntax. If you’ve done any research into what TypeScript is you may have seen it […]

Phaser Weather

How to Add Weather Effects in Phaser Games

I keep going on about how important atmosphere is in a game, and the last two Phaser tutorials I have created have focused on that. First we learned how to create a parallax background effect which adds more depth to a game, and then we learned how to create a day and night cycle so […]