Learn Ionic
We help you
get better at
creating
Ionic Apps

Best advice, how-tos, insights, detailed tutorials, step-by-step guides,
and free code examples from Ionic community leaders.

search icon
...
No luck finding what you are looking for?No luck? Try searching our Forum

IONIC

Cordova

TUTORIALS

Apache Cordova is an open source framework that enables web developers to use their HTML, CSS, and JavaScript content to create a native application for multiple mobile platforms.

Cordova takes your web application and renders it within a native WebView. Since the beginning of Ionic, Cordova has been an integral part of the project. However, around 2018, the Ionic Team released Capacitor. (Ionic Capacitor vs Cordova).

Capacitor is a cross-platform native runtime for building web apps. It allows you to create cross-platform iOS, Android, and PWAs with JavaScript, HTML, and CSS. Learn why the Ionic team created this tool and what its benefits are.

The following ionic tutorials are related to Cordova topics. However, if you plan to start a new Ionic project, we strongly recommend using Capacitor, the developer experience is so much better.

Integrations

Getting Started

Features

Authentication

UI / UX

Getting to know the latest Firebase update and features: migration guide
Agustin Haller
ByAgustin Haller
Apr 3, 2023
35 minutes
beginner

Getting to know the latest Firebase update and features: migration guide

Learn about the latest Firebase 9 features and how to migrate your Firebase implementation.

Step by step migration guide
Read Post
Ionic Capacitor Tutorial - Getting Started with Capacitor
Dayana Jabif
ByDayana Jabif
Mar 5, 2020
15 minutes
beginner

Ionic Capacitor Tutorial - Getting Started with Capacitor

In this post we will try to give you a good introduction about what Capacitor is and why did the Ionic team create it. Also, we will go through the main differences between Capacitor and Cordova and will see a bit about Capacitor plugins. We will also talk a bit about the migration strategy, why migrate and what's involved at a high level in the migration.

Ionic Capacitor for the win!
Read Post
Building a Ionic Firebase App step by step
Agustin Haller
ByAgustin Haller
Mar 5, 2019
30 minutes
beginner

Building a Ionic Firebase App step by step

In this firebase ionic tutorial you will learn how to build a CRUD (Create, Read, Update, Delete) application in Ionic Framework using Cloud Firestore as a database and Cloud Storage as an image storage. Free ionic firebase starter app included!

Includes Free Ionic Firebase Starter App
Read Post
Ionic Twitter Login
Dayana Jabif
ByDayana Jabif
Feb 25, 2019
30 minutes
intermediate

Ionic Twitter Login

Learn how to add Twitter Login to your Ionic App with this step by step tutorial. This integration will allow your users to log in to your ionic framework app with their Twitter account both on iOS and Android devices.

Authentication with Social Providers
Read Post
Ionic Google Login
Dayana Jabif
ByDayana Jabif
Feb 25, 2019
30 minutes
intermediate

Ionic Google Login

Learn how to add Google Login to your Ionic App with this step by step tutorial. This integration will allow your users to log in to your ionic framework app with their Google account both on iOS and Android devices.

Authentication with Social Providers
Read Post
Ionic Facebook Log In
Dayana Jabif
ByDayana Jabif
Sep 30, 2018
30 minutes
beginner

Ionic Facebook Log In

In this Ionic Framework tutorial you will learn how to add Facebook Authentication to your Ionic App using the Native Facebook App to perform Single Sign On. This will enable an easy and elegant way for your users to log in to your app.

Social Authentication with Ionic
Read Post
How to upload an image to Firebase from an Ionic app?
Dayana Jabif
ByDayana Jabif
Jun 4, 2018
20 minutes
intermediate

How to upload an image to Firebase from an Ionic app?

We all know that Firebase does a great job when it comes to realtime databases. But did you know that Firebase is also great for uploading data and files to your app's private Firebase Storage? In this ionic framework tutorial you will learn how to upload an image from an Ionic application to Firebase Storage.

Image handling with Firebase
Read Post
Image Picker and Image Cropper in Ionic Framework
Dayana Jabif
ByDayana Jabif
Aug 22, 2017
25 minutes
intermediate

Image Picker and Image Cropper in Ionic Framework

Learn how to access the Image Gallery and how to allow the user to use the Camera to take new pictures from an Ionic App. Also we will show you how to add an Image Cropper ionic component. This tutorial includes a working example you can reuse to build your own ionic project.

Image handling in Ionic
Read Post

Best Ionic Tutorials