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:
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!
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.
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.
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.
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.
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:
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).
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:
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.
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.
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.
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.
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.
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!.
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.
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.
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.
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.
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.
Learn how to launch external URLs using Ionic Framework v2.
Ionic Tutorials for Backend Integration:
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.
In this tutorial you will learn how to integrate PouchDB and SQLite to enable local storage for your Ionic2 apps.
This tutorial will get into more advanced MongoDB concepts, including updating data and running complex queries on data.
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.
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?
Enjoyed reading this Ionic Tutorial?
Subscribe to keep learning Ionic Framework! You will receive offers, new ionic tutorials and free code examples from IonicThemes.