intermediate

Hero image for article
Icon for article
intermediateionic2uiux

Automatic Profile Pictures with Gravatar in Ionic 2

3 min read

In this tutorial, I am going to show how you can integrate Gravatar into the signup process in an Ionic 2 application.

Hero image for article
Icon for article
intermediateionic2uiux

Improve Mobile Form UX with Input Masks

7 min read

In this tutorial, we are going to go through an example of how we can use input masking in Ionic 2 to provide a better user experience.

Hero image for article
Icon for article
intermediateionic2uiux

Creating a Music Player Interface in Ionic 2 & 3

7 min read

In this tutorial, we will be building a custom music player interface in Ionic 2, with a focus on creating a visually pleasing design.

Hero image for article
Icon for article
intermediateionic2

An Overview of the Ionic 2 Build Process

4 min read

In this tutorial, I will give a broad overview of the build process in Ionic 2.

Hero image for article
Icon for article
intermediateionic2ui

Build a Tap to Reveal Component in Ionic 2 & 3

3 min read

In this tutorial we are going to walk through how to build a simple tap to reveal component in Ionic 2.

Hero image for article
Icon for article
authenticationintermediateionic2

Implementing Google Plus Sign-In with OAuth 2.0 in Ionic 2

5 min read

In this tutorial, we are going to walk through how to set up basic OAuth 2.0 authentication with Google in an Ionic 2 application

Hero image for article
Icon for article
intermediateionic2video

An Introduction to NgModule for Ionic 2

1 min read

In this video tutorial, I explain the theory behind modules and I cover what you need to know in order to correctly add your own dependencies to the app.module.ts file.

Hero image for article
Icon for article
intermediateionic2video

Using Gestures & Uncommon Event Bindings in Ionic 2

1 min read

In this video tutorial, we cover how to create event bindings other than the usual (click) event binding 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
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
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
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
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
couchdbintermediatevideo

Getting Familiar with CouchDB and Futon

1 min read

In this video tutorial, we play around with some CouchDB data using the Futon interface.

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
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
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
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
intermediateionicionic3video

Drab to Fab: Styling an Ionic Application – Part 1

1 min read

In this video tutorial, I start with the dull and boring application that was built in the CouchDB series and work on adding some basic styling to create something that is more appealing.

Hero image for article
Icon for article
backendcouchdbintermediateionic2pouchdb

CouchDB, PouchDB, and Ionic 2: Adding Comments

6 min read

We already have the ability to add and view posts, and in this tutorial we will be adding the ability to add and view comments for specific posts.

Hero image for article
Icon for article
intermediateionicionic3video

“Live” Coding a Speed Reading Application in Ionic – Part 1

1 min read

In this video, I walk through building a speed reading application in Ionic

Hero image for article
Icon for article
intermediateionic3

Using HTML5 Canvas to Create a Rating Component in Ionic

5 min read

In this tutorial, we walk through building a rating component with a smiley face in Ionic.

Hero image for article
Icon for article
intermediateionicionic3

Building a Custom Speed Reading Component in Ionic

6 min read

In this tutorial, we will walk through building the finalised version of the speed reading component in Ionic.