Angular Tutorials

Hero image for article
Icon for article
beginnergitionic2video

How to Use Git with Ionic 2 Projects

1 min read

Learn how to use Git and Bitbucket (or GitHub) in your Ionic 2 projects

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
beginnerionic2uivideo

Hacking CSS in Ionic 2

1 min read

You can use Ionic's built in utility attributes, you can overwrite SASS variables or create your own, and you can also define your own custom CSS rules.

Hero image for article
Icon for article
advancedgoogle mapsionic2

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

5 min read

In this tutorial, we will be extending the application so that we can display markers on the map, and display some real data (along with the calculated proximity information) in the list.

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
advancedanimationionic2performanceui

High Performance Parallax Animation in Ionic 2

7 min read

In this tutorial, I am going to walk through how to build a high-performance parallax directive for Ionic 2.

Hero image for article
Icon for article
beginnerionic2ui

A List of Common CSS Utility Attributes in Ionic 2

3 min read

In this post, I am going to introduce you to some of the key utility attributes that Ionic provides.

Hero image for article
Icon for article
beginnerionic2uiuxvideo

Component and Template Interaction in Ionic 2

11 min read

In this video tutorial, I introduce the concepts of Property Binding, Event Binding, Interpolation, and Two-Way Data Binding

Hero image for article
Icon for article
beginnerionic2uiuxvideo

Conditional Attributes, Styles, and Classes in Ionic 2

1 min read

In this video tutorial, we take a look at how to conditionally apply attributes, styles, and classes to elements 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
beginnerionic2video

Passing Data Between Pages in Ionic 2

1 min read

In this tutorial, we look at several different methods for sharing data between pages in Ionic 2.

Hero image for article
Icon for article
beginnerionic2uiuxvideo

An Overview of the Grid Component in Ionic 2

1 min read

In this video tutorial, I walk through the basics of how to use the Grid component in Ionic 2.

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.

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
advancedionic2uiux

Create an Advanced Photo Tilt Component in Ionic 2

5 min read

In this tutorial, we create a custom photo tilt component in Ionic 2 based on Facebook's Paper UI.

Hero image for article
Icon for article
beginnerionic2video

A Simple Guide to Saving Data in Ionic 2

1 min read

In order to persist data throughout different sessions, there are multiple different methods we can use, but one simple way to do this is to use the built-in Storage service that Ionic 2 provides.

Hero image for article
Icon for article
advancedionic2performanceuiux

Create a News Feed with 360-Degree Photo Viewing in Ionic 2 & 3

5 min read

In this tutorial, we will build a news feed layout in Ionic 2 which includes support for viewing panorama photos by tilting the device.

Hero image for article
Icon for article
beginnerionic2

Creating a Time Tracking App in 3 Hours and 57 Minutes

8 min read

In this tutorial, I'm going to step through building the time tracking application I built with Ionic 2.

Hero image for article
Icon for article
beginnerionic2video

Loading Remote JSON Data with HTTP in Ionic

7 min read

In this video tutorial, I walk through how to use the Http service to make a `get` request to load some JSON data.

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
beginnerionic2video

Custom Components in Ionic 2

1 min read

In this video tutorial, we will walk through a very simple example of building a custom component in Ionic 2.

Hero image for article
Icon for article
beginnerionic2video

Custom Pipes in Ionic 2

1 min read

In this video tutorial we are going to build a pipe that will convert seconds, into an hours-minutes-seconds format.

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.