Ionic 2 First Look Series: Your First Ionic 2 App Explained
In the first post in this series we looked at some of the new Angular 2 syntax and concepts, and now that the alpha of Ionic 2 is officially released we are going to look at how that new syntax applies...
View ArticleDiscover the Power of Directives: Bringing an Ionic App to Life — Part 2
This week Hunter Leaman stopped by to write a tutorial on how he used directives to create a stock market application with price tickers that automatically update. Hunter has done a great job with this...
View ArticleBuild a Todo App from Scratch with Ionic 2 [VIDEO TUTORIAL]
If you’ve been keeping up with all the latest Ionic 2 and Angular 2 news then you’ve probably seen a few example applications and had a bit of a play with Ionic 2. Maybe you’ve installed the new Ionic...
View ArticleIonic 2: How to Use Google Maps & Geolocation [VIDEO TUTORIAL]
Adding map functionality to a mobile application can be extremely useful, especially when we throw Geolocation into the mix. The nature of mobile devices are that they are mobile obviously, and maps...
View ArticlePart 2: Building a Word Search Game in HTML5 with Phaser
In the last tutorial we started building a word searching game in Phaser. We set up the tile grid and a dictionary so that we could check if any particular word actually exists or not (or according to...
View ArticleIonic 2 with Mike Hartington – HTML5 Mobile Podcast Episode 02
A lot of people seemed to enjoy the last podcast with Andrew McGivery so I’ve decided to keep going with these podcasts. This is still new to me and I’m still improving (like the fancy new timeline I...
View ArticleIonic 2: How to Create a Sliding Delete Button for Lists
One of the great things about using a framework like Ionic is that best practice user interface elements are baked in as defaults, which means you will be able to design better apps without having a...
View ArticleAdding Custom Fonts to Your Phaser Game
I’m certainly guilty of using the default fonts in games just because it’s easier, and they certainly don’t always look out of place, but in general a custom font can add a lot to the look and feel of...
View ArticleHow to Create a Data Model in Ionic 2
A model in programming is a generic concept, and you may have come across it with common patterns like Model-View-Controller (or MVC). Depending on the context, the exact definition of a model may...
View ArticleHow to Convert an Ionic 1 Application to Ionic 2
If you’ve taken a look at Ionic 2, then you know it looks pretty different to Ionic 1. Should you want to migrate to Ionic 2, this might leave you wondering how to convert your existing Ionic 1 app...
View ArticleHow to Create a Directive in Ionic 2 – Parallax Header
Ionic provides a range of directives by default that you can drop into your application and get a pretty slick looking interface almost instantly. This includes things like lists, inputs, prompts and...
View ArticleCreating a Christmas Themed Game with Phaser: Part 1
It’s holiday season, and I thought I’d get into the spirit of things with a little Christmas themed content. I’ve been putting out a lot of Ionic 2 content lately so I’ve been meaning to put out some...
View ArticleHow to Use Pipes to Manipulate Data in Ionic 2
Pipes are super useful to have in your application – in general they are used to manipulate data before displaying it to the user (think date conversions, formatting and so on). Before we get into how...
View ArticleCreating a Christmas Themed Game with Phaser: Part 2
In the last part of this tutorial, we started working our way through building a Christmas themed game in Phaser. If you haven’t read Part 1 yet, click the link below to catch up: Creating a Christmas...
View ArticleWhy I Released an Ionic 2 & Angular 2 Application
In my most recent podcast, I had a chat to Mike Hartington from the Ionic team about Ionic 2 – in that chat he confirmed that for now you should stick to building applications with Ionic 1. Ionic 2 is...
View ArticleUsing Http to Fetch Remote Data from a Server in Ionic 2
Although some mobile applications are completely self contained (like calculators, soundboards, flashlight apps), many applications rely on pulling in data from an external source to function. Facebook...
View ArticleA Guide to Styling an Ionic 2 Application
One thing I really like about Ionic is that the default components look great right out of the box. Everything is really neat, sleek and clean… …but also maybe a little boring. I like simple, simple is...
View ArticleA Simple Guide to Navigation in Ionic 2
If you come from an Ionic 1 or Angular 1 background, then you would be used to handling navigation through routing with URLs, states and so on. It is actually still possible to use the old style of...
View ArticleBeginners Guide to Getting Started with Ionic 2
Since the Ionic 2 alpha was first announced I’ve been creating a lot of new content and tutorials around it, so I wanted to organise some of that content into a cohesive getting started guide for...
View ArticleCreating a Sliding Introduction Component in Ionic 2
One of my favourite templates to use in Ionic 1 applications was this one, it implements the typical slideshow style application walkthrough that you see in a lot of apps. There was no ready made...
View Article