Angular Tutorials

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

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
beginnerionic3

Link to Pages via URLs with Deep Linking in Ionic

4 min read

In this tutorial, I am going to walk through the important concepts that you you will need to know to make use of deep linking in Ionic.

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
ionicionic3video

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

1 min read

In this video, I walk through building a speed reading application that will flash one word on the screen at a time, allow the user to control the speed of which those words appear on the screen, and allow the user to easily start and stop the process.

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
beginnerionicionic3

Dealing with Asynchronous Code in Ionic

4 min read

In this article, I am going to discuss the difference between asynchronous and synchronous code, and some common situations that you might run into in an Ionic application.

Hero image for article
Icon for article
beginnerionicionic3video

Asynchronous vs Synchronous: Understanding the Difference

1 min read

In this video, we talk about some implications of asynchronous code and how to handle it properly in an Ionic application.

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.

Hero image for article
Icon for article
intermediateionicionic3

Using Async/Await Syntax for Promises in Ionic

4 min read

In this tutorial, I am going to show you exactly how you can use Async/Await with promises in an Ionic application.

Hero image for article
Icon for article
intermediateionicionic3video

Using a Canvas to Create a Drawing App in Ionic – Part 1

1 min read

In this video tutorial, we will be focusing on using a canvas element to create a simple drawing application in Ionic.

Hero image for article
Icon for article
google mapsintermediateionicionic3

Implementing Turn by Turn Navigation with Google Maps in Ionic

3 min read

We are going to create a simple application that will display a Google Map and use the DirectionsService to display the route between two points on the map.

Hero image for article
Icon for article
ionicionic3video

Using a Canvas to Create a Drawing App in Ionic – Part 2

1 min read

In this video tutorial, we continue on from the first part to build a drawing application in Ionic.

Hero image for article
Icon for article
intermediateionicionic3

Sound Effects using HTML5 and Native Audio in Ionic

4 min read

In this tutorial, we are going to walk through how to add a similar sound effect when switching between tabs in an Ionic application.