Tagged: intermediate

CouchDB and Ionic

Getting Familiar with CouchDB and Futon

Over the past few weeks, I’ve been working on writing a series of tutorials on how to use CouchDB and PouchDB in Ionic 2. This video tutorial is sort of an aside to that – I wanted to create a demonstration of creating CouchDB databases and playing around with the data a bit, just to […]

Elvis Operator in Ionic 2

Safely Displaying Data with the Elvis Operator

When building Ionic 2 applications, our classes and templates work hand in hand to render the view that the user sees. Our classes are able to define data that we can display in templates through property bindings, and our templates can trigger functions in our classes through event bindings. If you’re unfamiliar with the concept […]

NgModule in Ionic 2

An Introduction to NgModule for Ionic 2

We all use it, it’s a critical part of our applications structure, but I think a lot of people are confused by what exactly it is and what it does. I’m talking about the @NgModule in the app.module.ts file in an Ionic 2 application. In short, using modules allows us to organise our application into […]

Ionic 2 Build Process

An Overview of the Ionic 2 Build Process

I was browsing through the analytics for this website when I saw that someone had arrived on one of my articles by searching for: “why does Ionic have a node modules folder?”. The answer to that is simple enough, that’s where most of the dependencies for the application are stored (like the Ionic library itself, […]

Music Player Interface in Ionic 2

Creating a Music Player Interface in Ionic 2 & 3

In this tutorial, we will be building a custom music player interface in Ionic 2, with a focus on creating a visually pleasing design. The interface will include the following features: Track list with alternating row styles Track progress bar Information for currently playing track Styling and animation for currently playing track Next track and […]

Input Masking in Ionic 2

Improve Mobile Form UX with Input Masks

An important concept when designing a user interface with user experience in mind is Cognitive Dimensions. These cognitive dimensions, which were defined in the context of academic papers in 1996, provide a set of concerns to be measured that have an impact on usability. These dimensions, when applied to interface design, include things like making […]