CouchDB, PouchDB, and Ionic 2: Starting a New Project
Over the past couple of weeks, I’ve been introducing some of the theory behind creating applications powered by CouchDB. As promised, this week we will finally start actually building something with...
View ArticleE2E (End-to-End) Testing in Ionic 2: Test Driven Development
In the past two tutorials on E2E testing in Ionic, I’ve introduced the concept of End-to-End testing and some ways that you can better structure your E2E tests. If you are new to E2E testing you will...
View ArticleSafely 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...
View ArticleGetting 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...
View Article“Live” Coding an Expandable Header Component in Ionic 2 – Part 1
In this two part screencast, I walk through building this user interface in Ionic 2. The end result is a custom header component that expands and shrinks as the user controls, and any elements that no...
View Article“Live” Coding an Expandable Header Component in Ionic 2 – Part 2
In this two part screencast, I walk through building this user interface in Ionic 2. The end result is a custom header component that expands and shrinks as the user controls, and any elements that no...
View ArticleCreating a Custom Expandable Header Component for Ionic 2
One of my favourite pastimes is trying to implement cool looking user interfaces that people send me in Ionic 2. A little while ago, somebody sent through this example from AirBnB. I set out to build a...
View ArticleCouchDB, PouchDB, and Ionic 2: Why PouchDB?
In the last tutorial, we started a new project using CouchDB and Ionic 2. We are working towards building a simple blogging application, and so far we have our CouchDB database set up, along with a...
View ArticleThe Difference Between @ViewChildren and @ContentChildren
The title of this article doesn’t have quite the same air of excitement about it when compared to say Batman vs Superman, but it’s a concept I struggled with for a while and I felt that it is worthy of...
View ArticleMocking Plugins with Ionic Native
The Ionic Native 3.x update means that we can now mock native plugin functionality in the browser. This video tutorial walks through some of the changes in Ionic Native 3.x, as well as how you can...
View ArticleAutomating Mocks in Ionic Native 3.x
With the release of Ionic Native 3.x we are now able to create mocks for Ionic Native plugins. If you are not already familiar with the concept of a mock, the basic idea is to create a “fake” class...
View ArticleCreate a Directive to Focus Content in a List with 3D Touch
One thing that I really enjoy doing with Ionic is attempting to implement cool and useful (most of the time) UI elements that I think a lot of people assume you can’t do in Ionic or that you can’t do...
View ArticleCouchDB, PouchDB, and Ionic 2: Adding Posts and Live Data Updates
Up until this point in the series, I have placed a heavy emphasis on the theory behind what we are doing, like how CouchDB works and why we would want to use PouchDB. In this tutorial, we are going to...
View Article[VIDEO] @ViewChildren vs @ContentChildren in Ionic
I recently release an article that explored The Difference Between @ViewChildren and @ContentChildren in the context of Ionic, but it is a subtle difference and I wanted to make sure I hit the point...
View ArticleWhat Does Ionic 3 Mean for Ionic 2?
If you started out on Ionic 1, maybe you’re at the point now where you feel settled and comfortable after taking on the challenge of switching over to Ionic 2. If you don’t follow the particulars of...
View ArticleAdding Swipeable Tabs to an Ionic Application
The Ionic team have stated that their goal with Ionic was to provide a core set of components out of the box and to allow developers and the community to build out additional components. Things like...
View ArticleCouchDB, PouchDB, and Ionic 2: Adding Comments
Over the past few weeks, we have been building out a simple blogging application that is built with Ionic 2, CouchDB, and PouchDB. We have made quite a lot of progress so far, and in this tutorial, we...
View ArticleAn Introduction to ES6 Modules for Ionic Developers
Ionic applications rely heavily on the concept of modules, which is functionality that was introduced in the ES6 specification for Javascript. Technically, Ionic applications use TypeScript syntax not...
View ArticleDrab to Fab: Styling an Ionic Application – Part 1
I’ve spent the past few weeks creating a series of tutorials on using CouchDB and PouchDB in Ionic and in that series we’ve managed to build out quite a lot of functionality. There was absolutely zero...
View ArticleWhat’s New in Ionic 3?
You’ve probably heard by now, but the 3.0.0 release of Ionic is now officially available. If you’re not sure what exactly that means in relation to Ionic 2, I’d recommend watching my last video on the...
View Article