intermediate

Hero image for article
Icon for article
apibackenddropboxintermediateionic2

Integrating Ionic 2 & 3 with the Dropbox API – Part 1

10 min read

In this tutorial, we are going to create an Ionic 2 application that integrates with the Dropbox API. We are going to create an application that will return a

Hero image for article
Icon for article
apibackenddropboxintermediateionic2

Integrating Ionic 2 & 3 with the Dropbox API – Part 2

6 min read

In this part of the tutorial we are going to be using the Dropbox OAuth 2 flow to authenticate a user and retrieve their access token.

Hero image for article
Icon for article
cordovaintermediateionic2plugins

Adding Background Geolocation to an Ionic 2 & 3 Application

5 min read

In this tutorial I am going to show you how you can enable Background Geolocation in your Ionic 2 applications.

Hero image for article
Icon for article
angular2intermediateionic2

Using Angular 2 without Ionic 2: Part 1

5 min read

In the first part of this tutorial series we are going to focus on getting up an running with Angular 2, "hello world" style.

Hero image for article
Icon for article
cordovaintermediateionic2

Ionic GO – Create a Pokémon GO Style Interface in Ionic 2

5 min read

In this tutorial we are going to create our own, very simple, example of augmented reality. We will be recreating the Pokémon GO interface.

Hero image for article
Icon for article
angular2animationsintermediateionic2

Using the Web Animations API in Ionic 2

8 min read

In this tutorial, we will be building a simple Ionic 2 application that implements four different animations with Angular 2 animations.

Hero image for article
Icon for article
cordovagooglegoogle mapsintermediateionic2

Integrating Native Google Maps into an Ionic 2 Application

5 min read

The Google Maps Javascript SDK does a great job and performs well. There is another option available though, and that is the Google Maps plugin for Cordova.

Hero image for article
Icon for article
animationintermediateionic2

Create an Animated Login Screen in Ionic 2

4 min read

This tutorial will walk you through creating a custom login screen with some animations in Ionic

Hero image for article
Icon for article
apiintermediateionic2soundcloud

Streaming Music from SoundCloud in Ionic 2: Part 1

7 min read

In this tutorial we will be walking through how to stream music from SoundCloud in an Ionic 2 application

Hero image for article
Icon for article
intermediateionicperformancescalability

High Performance List Filtering in Ionic & Angular

7 min read

In this tutorial, we are going to discuss how to create efficient list filtering solutions in an Ionic/Angular application

Hero image for article
Icon for article
datahttpintermediateionic2

How to Manipulate Data in Ionic 2: Part 1

6 min read

In this tutorial, we are going to discuss how exactly the `http.get()` method works, and how we can hook into that process to return data in a more friendly format.

Hero image for article
Icon for article
dataintermediateionic2

How to Manipulate Data in Ionic 2: Part 2

8 min read

In this tutorial we are going to focus on how to manipulate that data once it is inside of our application using mapping, filtering and reducing.

Hero image for article
Icon for article
angularfirebackendfirebaseintermediateionic2

Building a CRUD Ionic Application with Firebase & AngularFire

7 min read

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.

Hero image for article
Icon for article
cordovaintermediateionic2notifications

Getting Familiar with Local Notifications in Ionic 2 & 3

8 min read

In this tutorial, we are going to walk through how you can create a basic application that can schedule local notifications.

Hero image for article
Icon for article
animationintermediateionic2uiux

Create a Sliding Item Animation with a Directive in Ionic 2 & 3

6 min read

In this tutorial, we are going to walk through how to create a directive to create an animation for a sliding item.

Hero image for article
Icon for article
animationintermediateionic2

Create a Data Driven Quiz App in Ionic 2 & 3 – Part 1

5 min read

In this tutorial, we are going to walk through how to build a quiz application in Ionic 2.

Hero image for article
Icon for article
animationintermediateionic2

Create a Data Driven Quiz App in Ionic 2 & 3 – Part 2

5 min read

In this tutorial, we are going to finish off the application by loading in some real data, adding the logic required for navigating through the quiz, and adding some styling.

Hero image for article
Icon for article
intermediateionic2uiuxvideo

Creating an Asynchronous Login Screen in Ionic 2

1 min read

In this video tutorial, we are going to walk through how to create an asynchronous login screen in Ionic 2.

Hero image for article
Icon for article
animationintermediateionic2uivideo

Build a Custom Flash Card Component in Ionic 2 – Part 2

1 min read

In this tutorial, we will be building our own custom flash card component in Ionic 2

Hero image for article
Icon for article
intermediateionic2video

Filtering, Mapping, and Reducing Arrays in Ionic 2

1 min read

In this video tutorial, we will walk through a quick and practical example of applying filter, map, and reduce functions to a list of data in Ionic 2.

Hero image for article
Icon for article
animationintermediateionic2ui

Build a Custom Flash Card Component in Ionic 2 & 3

4 min read

In this tutorial, we will be building our own custom flash card component in Ionic 2

Hero image for article
Icon for article
intermediateionic2uiuxvideo

Create a Menu with Active Page Highlight in Ionic 2

1 min read

In this video tutorial, we will build some functionality that will allow us to highlight the currently selected menu option.

Hero image for article
Icon for article
google mapsintermediateionic2uiux

Create Marker Clusters with Google Maps in Ionic 2

4 min read

In this tutorial, we are going to walk through how to add marker clustering to a Google Map in an Ionic 2 application

Hero image for article
Icon for article
componentintermediateionic2uiux

Build a Simple Progress Bar Component in Ionic 2 & 3

5 min read

In this tutorial, we are going to build a custom progress bar component that we can use in an Ionic 2 application.

Hero image for article
Icon for article
intermediateionic2uiux

Create a Stylish News Feed Layout in Ionic 2 & 3

6 min read

In this tutorial, we are going to walk through an example of building a stylish news feed layout in Ionic 2.