Introduction

We all know how amazing Ionic has been for the past couple of years, they helped thousands of people building and deplying their mobile apps, they put a lot of effort in building an amazing community and now they have released the final version of Ionic 3.

Ionic 3 is built on top of Angular 5 and promises to come with many significant performance, usability, and feature improvements. Ionic 3 is still a powerful framework but with lessons learned from Ionic 1. See the Building apps with Ionic 3 slides for a quick overview of Ionic 3.

Since then we've been working relentlessly to update our products and give our customers what they need to continue developing great mobile apps.

Ionic 3 represents that collective learning about how to make the web do more on mobile. We’ve overhauled nearly every part, from the way that users navigate through app pages, to how apps work across native and web environments, to how we help you wield the true powers of the underlying native SDKs and device features.

Bellow you'll find a list of our favorite Ionic 3 tutorials, so you can learn everything there is to know about this awesome framework.

BASICS:

Ionic 2 and Angular 2 Concepts

We all know by now that Angular 2 and Ionic 2 are coming. In short this means we will be able to make apps that perform better on mobile, adhere to the latest web standards, are scalable, reusable, modular and so on. I don’t think there’s really much of a question anymore about whether the big changes in Angular 2 were the right choice or not, most people would agree that Angular 2 will be a massive improvement.

Adding Pages and Navigation

Getting up and running with Ionic 3 using the Ionic CLI is super simple for anyone with web development experience. In this article, we’ll learn how to multiple pages with navigation between them.

Working with Data: Services and Nav Params

It’s pretty much unavoidable that we’re going to need to pass data around our app at some point. In today’s blog post, we’ll take a look at two ways to do this in an Ionic 3 app: Angular services and Ionic nav params.

A Beginner's Guide To Using ngrx In An Ionic 3 App

In this tutorial, we'll have a look at what ngrx is and how it can help you manage application state in your Ionic 3 app, or any other Angular 2 app for that matter.

Ionic 3 Form Handling & Validation

Find out and learn how to handle Forms and Validations in Ionic 3 and Angular 2. In this fantastic tutorial we will cover simple and custom validations and also teach you how to deal with error messages.

STARTERS:

Building simple TO-DO app with Ionic Framework 2

ToDoMVC is the famouse resource collected a lot of examples how to build the simple ToDo list application with JavaScript MVC frameworks. But it doesn’t have Ionic 3 version. But I’m planning to introduce such example not only as code, but as complete Ionic 3 tutorial.

Build a Mobile App with Angular 2 and Ionic 3

If you are looking to build cross-platform apps quickly, and you already know Angluar 2 or JavaScript, this guide will get you up to speed. We will build a simple app that consumes the github api. Our app will list github users, offer a search box for searching users, and be able to view the number of followers, repos, and gists the user has.

Let’s Create Our First Application

We’re going to create our first Ionic2 application, and we’re going to create something useful. Our application will use a Master-Detail pattern and REST protocol (We will use it to query international movie database).

Build a WhatsApp clone with Meteor, Ionic2 and Angular2

In this post, we will create a full WhatsApp clone, using Angular and the Ionic2 Framework, using Meteor’s realtime collections for the chat and Meteor’s simple Authentication packages for SMS based authentication.

FUNCTIONALITY WITH IONIC NATIVE:

Ionic Native is a curated set of ES5/ES6/TypeScript wrappers for Cordova/PhoneGap plugins that make adding any native functionality you need to your Ionic, Cordova, or Web View mobile app easy.

Add Facebook Authentication to your Ionic 3 App

In this tutorial we are going to show you - step by step - how to integrate Facebook Authentication to your Ionic 3 App. This will enable an easy and elegant way for your users to login to your app.

Add Google Authentication to your Ionic 3 App

In this tutorial we are going to show you - step by step - how to integrate Google Login to your Ionic 3 App. This will enable an easy and elegant way for your users to login to your app.

Add Twitter Authentication to an Ionic 3 App

Learn how to integrate Twitter Login to an Ionic 3 App with this step by step Tutorial. Social login is becoming the preferred way to let users log into your app so check this tutorial to discover how easy it's to do it.

Ionic 3 App with Social Sharing and Deep Linking

This tutorial will show you how to add Deep Links to your Ionic 3 App. The most common use case for deep links is for sharing content buried within the navigation tree of the app. That’s why we built a sample app that contains a feed of items that users can share.

Internationalize and Localize Your Ionic 3 App With Ng Translate for Angular 2

Learn why you need to Internationalize and Localize your Ionic 3 app and how to do it. Also find out how to adapt your app to support RTL languages.

Creating an Advanced Google Maps Component in Ionic 3

We all know how useful maps can be in a mobile application, and Google Maps is a great option to do just that. Of course, you can use the native Google Maps SDK through the use of a Cordova plugin, but I’m a fan of using the Google Maps JavaScript SDK.

Accessing iOS Photos and Android Gallery

In this post, we’ll take a look at the first of two ways to easily get images from the Gallery on Android and Photos on iOS in Ionic 3 with Ionic Native Camera Plugin.

Enabling Login with Touch ID for iOS

Ease-of-use is a primary concern of any mobile app developer. It makes users happy and has a direct impact on many Very Important Things, like adoption, user retention, and monetization. Today, we’ll look at one of the simplest places to improve the user experience: the login page. Let’s make login easy by taking a look at how to use Ionic Native to integrate Touch ID into an Ionic 3 app for iOS.

Share Things On Social Media Via An Ionic 3 Mobile App

The goal we’re going to accomplish here is sharing messages, images, and links via social media outlets on Android and iOS within an Ionic 3 mobile app that uses Angular 2.

Monetize With Google Admob In An Ionic 3 Mobile App

So you made a shiny new app and want to earn some money from it. Learn here how to integrate Google Admob which makes advertising incredibly simple and best of all it can be used within an Ionic2 Android and iOS app.

Launch Websites With Ionic 3 Using The InAppBrowser

Learn how to launch external URLs using Ionic Framework v2.

BACKEND INTRGRATION:

Ionic 3 and Firebase 3 Email Auth Step by Step Tutorial

If you’ve ever built your own authentication system you know it can be a pain, setting up secure servers, building the entire back-end, it can take a while, when all you really want is to focus on making your app great. In this post I want to show how to integrate Firebase 3 email auth system with your Ionic 3 app.

How To Use PouchDB + SQLite For Local Storage In Ionic 3

In this tutorial you will learn how to integrate PouchDB and SQLite to enable local storage for your Ionic2 apps.

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

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

Creating Role Based Authentication with Passport in Ionic2

There many ways we can authenticate users in Ionic 3 applications and most of them are quite simple to implement. We could use Ionic Auth, social logins (Facebook, Google, Twitter), Firebase, SuperLogin, your own custom authentication on your own server and many more.

10 Minutes with Ionic 3: Calling an API

In this article, we’ll learn how to call backend APIs using Ionic Framework.

Save time using this ready-made templates

As you know we also sell beautiful mobile themes, templates and components that you may find super useful as they save you hours of development, time and effort, while giving your projects a great design from scratch. So... why don’t you give a chance to these Ionic 3 templates?