Using JSON Web Tokens (JWT) for Custom Authentication in Ionic 2: Part 1
You may have heard the term JWT being thrown around lately, it seems to be picking up popularity – and for good reason. If you’re not familiar, JWT stands for JSON Web Tokens, which are little encoded...
View ArticleUsing JSON Web Tokens (JWT) for Custom Authentication in Ionic 2: Part 2
In Part 1 of this tutorial, we talked about what exactly a JSON Web Token (JWT) is, and walked through exactly how to build our very own JWT from scratch. To quickly recap what we learned: A JWT is a...
View ArticleHow to Manipulate Data in Ionic 2: Part 1
Most applications rely heavily on data, so it’s important that we know how best to manipulate that data in order to make it do what we want. Sometimes this data is stored on some remote server,...
View ArticleHow to Manipulate Data in Ionic 2: Part 2
In the last tutorial, we focused on how to get data into an application using the get method available on Angular 2’s Http service, and how we can hook into that process to return data in a more...
View ArticleCreating Role Based Authentication with Passport in Ionic 2 – Part 1
There many ways we can authenticate users in Ionic 2 applications and most of them are quite simple to implement. We could use Ionic Auth, social logins (Facebook, Google, Twitter), Firebase,...
View ArticleCreating Role Based Authentication with Passport in Ionic 2 – Part 2
In this tutorial series, we are walking through how to create a role-based authentication system with Ionic 2 using Passport. In short, we want to create a way to provide different users with different...
View ArticleGetting Familiar with Local Notifications in Ionic 2
If you’ve used pretty much any app at all, then you would have received a notification from it at some point. Notifications are little messages from a specific app that can pop up on the user’s device...
View ArticleBuilding a CRUD Ionic 2 Application with Firebase & AngularFire
Firebase is one of the most powerful and popular Database as a Service (DBaaS) solutions available today. It provides a document based NoSQL database, with real-time capability, and it is hosted as a...
View ArticleCreate a Sliding Item Animation with a Directive in Ionic 2
A common user interface design principle is to only show the user what they need in order to make a decision. Consider your email inbox – you can only see the subject line, usually a little of the...
View ArticleBuild a Custom Flash Card Component in Ionic 2
Flash cards are a useful little tool for remembering information, and they’ve been used as far back as the 19th century. In recent tutorials, we have walked through how to build some custom Directives...
View ArticleBuild a Custom Flash Card Component in Ionic 2 – Part 2
In a previous tutorial, I walked through how to build a custom flash card component in an Ionic 2 application. If you haven’t seen that yet, you can check it out here: Build a Custom Flash Card...
View ArticleHow to Use Git with Ionic 2 Projects
Git is an essential tool for developers, but it can be a bit intimidating at first. It has massive benefits even if you are just working by yourself, but once you start working in a team environment it...
View ArticleCreate a Data Driven Quiz App in Ionic 2 – Part 1
In recent tutorials, I have been walking through how to build a custom Flash Card component in Ionic 2, including a video which goes a little more in-depth. I didn’t want to stop there, the flash card...
View ArticleCreate a Data Driven Quiz App in Ionic 2 – Part 2
In Part 1 of this tutorial series we started building a data driven quiz application for kids using Ionic 2. We have been making use of a Flash Card Component that was created in a previous tutorial to...
View ArticleCreating an Asynchronous Login Screen in Ionic 2
If you add a login screen to your application, then there is a good chance that you will also implement some functionality that allows you to remember users who have logged in previously. It’s pretty...
View ArticleCreate a Nearby Places List with Google Maps in Ionic 2 – Part 1
Maps in mobile applications are endlessly useful. One particular use might be to display a bunch of places of interests to a user – all the nearby restaurants that you operate, or maybe nearby tourist...
View ArticleFiltering, Mapping, and Reducing Arrays in Ionic 2
We often work with arrays of data in Ionic 2 applications – sometimes some data we have defined locally, sometimes data we may be loading in from some external source – and at some point, we may want...
View ArticleCreate a Nearby Places List with Google Maps in Ionic 2 – Part 2
In Part 1 of this tutorial series we started to build an application that would display a map with some markers on it, and a separate text-based list of places that were marked on the map. The list...
View ArticleHacking CSS in Ionic 2
When styling Ionic 2 applications, there are several different methods available to you. You can use Ionic’s built in utility attributes, you can overwrite SASS variables or create your own, and you...
View ArticleHigh Performance Parallax Animation in Ionic 2
A little while ago, I recreated a parallax header directive that was originally created by Ola Christensson for Ionic 1. It was updated to use the Ionic 2 syntax and structure, but the general approach...
View Article