Ionic Tutorials

Hero image for article
Icon for article
beginnerionicionic2video

Automatically Generate Splash Screens and Icons with Ionic CLI

1 min read

In this video tutorial, I will walk you through how to create the initial icon and splash screen, and how to use the ionic resources command.

Hero image for article
Icon for article
beginnerionic2typescript

How to Fix Common TypeScript Errors in Ionic 2

4 min read

In this tutorial, I am going to walk through some common TypeScript errors you may encounter in an Ionic 2 application, and how you can fix them.

Hero image for article
Icon for article
advancedcomponentionic2uiux

How to Create a Sliding Drawer Component for Ionic 2

6 min read

In this tutorial, I am going to walk through how to create a sliding drawer component in Ionic 2.

Hero image for article
Icon for article
beginnerionic2video

Reordering a List in Ionic 2

1 min read

In this video tutorial, I walk through exactly how to create a reorderable list in Ionic 2.

Hero image for article
Icon for article
intermediateionic2

Building an Absolute Drag Directive in Ionic 2

4 min read

In this tutorial, we will walk through building a directive in Ionic 2 that can be added to any element to make it draggable.

Hero image for article
Icon for article
backendcouchdbintermediateionic2nosqlpouchdb

CouchDB, PouchDB, and Ionic 2: An Introduction

7 min read

In this article, I will be introducting the general concept of CouchDB, how the data is structured, and how it is able to so effectively scale and provide effortless synchronisation features.

Hero image for article
Icon for article
beginnerionic2video

An Introduction to Observables for Ionic 2

1 min read

In this video tutorial, I cover the basic concept of observables and how they are relevant to an Ionic 2 application.

Hero image for article
Icon for article
intermediateionic2video

Listening to Events on a Host Element in Ionic 2

1 min read

In this video tutorial, we will walk through how you can listen for events on a host element in Ionic 2.

Hero image for article
Icon for article
beginnerionic2video

How to Send Data with POST Requests in Ionic 2

1 min read

In this video tutorial, we walk through a basic example of sending a POST request to a server in Ionic 2.

Hero image for article
Icon for article
backendcouchdbintermediateionic2pouchdb

CouchDB, PouchDB, and Ionic 2: Querying Data with MapReduce

5 min read

In this tutorial, we will be focusing on how you can go about running queries against your data in CouchDB.

Hero image for article
Icon for article
beginnerionic2securityvideo

[VIDEO] Basic Security for Ionic & Cordova Applications

1 min read

In this video tutorial, I talk through the concepts that I brought up in a previous security article.

Hero image for article
Icon for article
intermediateionic2video

“Live” Coding a Custom Directive in Ionic 2

1 min read

In this video, I wanted to provide a mostly unedited video of me attempting to build a new custom directive with nothing but a vague idea of what I want the directive to do.

Hero image for article
Icon for article
backendcouchdbintermediateionic2

CouchDB, PouchDB, and Ionic 2: Starting a New Project

7 min read

In this tutorial, we start building a blogging application with Ionic 2 that uses CouchDB as its backend.

Hero image for article
Icon for article
intermediateionic2

Safely Displaying Data with the Elvis Operator

3 min read

We will be looking at using the Elvis operator in the context of attempting to access some property on an object in Ionic 2.

Hero image for article
Icon for article
advancedionic2video

“Live” Coding an Expandable Header Component in Ionic 2 – Part 2

1 min read

In this two part screencast, I walk through building a custom expandable header component in Ionic 2

Hero image for article
Icon for article
advancedionic2video

“Live” Coding an Expandable Header Component in Ionic 2 – Part 1

1 min read

In this two part screencast, I walk through building a custom expandable header component in Ionic 2

Hero image for article
Icon for article
advancedionic2

Creating a Custom Expandable Header Component for Ionic 2 & 3

4 min read

In this tutorial, we cover how to build an expandable header component in Ionic 2

Hero image for article
Icon for article
couchdbintermediateionic2

CouchDB, PouchDB, and Ionic 2: Why PouchDB?

7 min read

In this tutorial, we are going to integrate PouchDB into the application and focus on what the role of PouchDB is when compared to CouchDB.

Hero image for article
Icon for article
intermediateionic2video

Mocking Plugins with Ionic Native

1 min read

This video tutorial walks through some of the changes in Ionic Native 3.x, as well as how you can create your own mocks for plugins.

Hero image for article
Icon for article
advancedionic2uiux

Create a Directive to Focus Content in a List with 3D Touch

5 min read

In this tutorial, we are going to walk through building a directive to focus a specific card in a list.

Hero image for article
Icon for article
backendcouchdbintermediateionic2pouchdb

CouchDB, PouchDB, and Ionic 2: Adding Posts and Live Data Updates

6 min read

In this video tutorial, we discuss the difference between @ViewChildren and @ContentChildren and walk through some examples.

Hero image for article
Icon for article
advancedionic2video

[VIDEO] @ViewChildren vs @ContentChildren in Ionic

1 min read

In this video tutorial, we discuss the difference between @ViewChildren and @ContentChildren and walk through some examples.

Hero image for article
Icon for article
intermediateionic2

Automating Mocks in Ionic Native 3.x

3 min read

In this tutorial, we are going to discuss how you can automate the process of using mocks for Ionic Native plugins only when running in the browser.

Hero image for article
Icon for article
beginnerionic2ionic3video

What Does Ionic 3 Mean for Ionic 2?

1 min read

In this video, I discuss what the Ionic 3 release will mean for Ionic 2 and why it really isn't a big deal.

Hero image for article
Icon for article
beginnerionic2

Adding Swipeable Tabs to an Ionic Application

4 min read

In this tutorial, we take a look at the Swipeable Tabs component and how it was built.