Introduction to Ionic Framework

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.

If you want to learn how to build a complete Ionic 5 app from scratch follow this guide Ionic Tutorial: Build a complete mobile app with Ionic Framework.

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 will find a list of our favorite Ionic v2 and v3 tutorials, so you can learn everything there is to know about this awesome framework.

Ionic Tutorials for beginners:

Ionic Framework Development Glossary

Use this post as a guide of concepts related to Ionic Framework. Use it like a dictionary for the core concepts of Ionic and also as a place to find lots of references to expand your expertise about Ionic Framework. We will be updating this article often so add it to your bookmarks for the next time you have any Ionic related question!

Ionic Forms and Validations

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

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.

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.

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 app, or any other Angular app for that matter.

Ionic Tutorials to build your first app:

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.

Ionic Tutorials for Ionic Native Plugins:

Ionic Native is a curated set of ES5/ES6/TypeScript wrappers for Cordova 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 App

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

Add Google Authentication to your Ionic App

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

Add Twitter Authentication to an Ionic App

Learn how to integrate Twitter Login to an Ionic 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 App with Social Sharing and Deep Linking

This tutorial will show you how to add Deep Links to your Ionic 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 App With Ng Translate

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

Add Google Maps, Places, and Geolocation to your Ionic App

In this Ionic Framework tutorial we integrate Google maps, geolocation and places, three of the most important features when we talk about location based apps, into one functional and easy to understand example so you can master the concepts behind location based apps. Learn everything about maps in ionic here!.

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.

Image handling in an Ionic App

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working example you can reuse for your needs.

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 your Ionic App with AdMob

This tutorial will show you how to add AdMob to your Ionic App. The most common use case for AdMob is for monetizing your app showing advertising to the users.

Launch Websites With Ionic 3 Using The InAppBrowser

Learn how to launch external URLs using Ionic Framework v2.

Ionic Tutorials for Backend Integration:

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

At IonicThemes we create beautiful mobile themes, templates and components that you will 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 templates?