Angular Tutorials

Hero image for article
Icon for article
advancedbackendcouchdbdatabaseionic2pouchdb

Offline Syncing in Ionic 2 with PouchDB & CouchDB

9 min read

In this tutorial we will be creating a todo list application called 'ClouDO' which will store data in a remote database and locally with offline syncing.

Hero image for article
Icon for article
ionic2

An In-Depth Explanation of Providers in Ionic 2

6 min read

This tutorial isn't going to focus on how to build specific services, but rather how they work and how to use them in general.

Hero image for article
Icon for article
advancedbackendcouchdbionic2pouchdb

Part 2: Creating a Multiple User App with Ionic 2, PouchDB & CouchDB

9 min read

In this tutorial we are going to extend the cloud based todo application that was created previously with Ionic 2, to support multiple users and authentication.

Hero image for article
Icon for article
beginnercssionic2

Tips & Tricks for Styling Ionic 2 Applications

7 min read

I've been doing a lot of work with Ionic 2, including creating a lot of custom themes, and in this post I am going to focus on some specific "tips & tricks".

Hero image for article
Icon for article
advancedbackendionic2mongodbnodenosql

Building a Hotel Booking App with Ionic 2, MongoDB & Node

10 min read

This tutorial will get into more advanced MongoDB concepts, including updating data and running complex queries on data.

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
advancedauthenticationbackendherokuionic cloudionic2jwt

Using JSON Web Tokens (JWT) for Custom Authentication in Ionic 2: Part 2

10 min read

As well as allowing users to sign in with email and social services, Ionic also allows you to provide your own custom authentication that integrates with their cloud platform

Hero image for article
Icon for article
advancedbackendionic2jwtsecurity

Using JSON Web Tokens (JWT) for Custom Authentication in Ionic 2: Part 1

6 min read

In this tutorial, we are going to talk a bit more about what a JSON Web Token is, and how we can use them to create our own custom authentication with the Ionic Cloud platform.

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
advancedauthenticationbackendionic2jwtnodepassport

Creating Role Based Authentication with Passport in Ionic 2 – Part 1

14 min read

In this tutorial, I am going to show you how to create a flexible, role-based authentication system using Passport and the MEAN stack.

Hero image for article
Icon for article
advancedauthenticationbackendionic2jwtnodepassport

Creating Role Based Authentication with Passport in Ionic 2 – Part 2

10 min read

In this tutorial, I will be walking you through how to make use of the role based authentication API we created in the previous tutorial.

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
advancedgeolocationgoogle mapsionic2

Create a Nearby Places List with Google Maps in Ionic 2 – Part 1

5 min read

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