In this Firebase Authentication Tutorial you will learn how to create an Ionic Framework Application with Firebase Authentication. We will show you how to configure both the Firebase and the Ionic Apps to enable authentication with social providers such as Google, Facebook and Twitter and also with Email and Password.
In this post we want to explain how to take advantage of the new benefits from Ionic 5. We will describe the main changes and show you how to migrate your applications from Ionic 4 to Ionic 5. For this post we created an Ionic 5 CRUD Contacts app that you can download for free to learn how to start using Ionic 5.
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.
UI Skeletons, Ghost Elements, Shell Elements? They are all the same! Think of them as cool content placeholders that are shown where the content will eventually be once it becomes available. In this ionic 4 tutorial, you will learn the importance of adopting the App Shell pattern in your ionic apps and discuss how to implement it using Ionic 4 + Angular 7 and some advanced CSS techniques.
Discover all the possibilities the new Ionic Navigation brings and also learn some usability tricks we can add to our Ionic Framework v4 apps to make them look even better!
In this firebase ionic 4 tutorial you will learn how to make 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!
Learn everything about Ionic forms and input validations in ionic 4 apps. We will discuss the best practices for designing user-friendly forms and then we will go through the differences between Angular template-driven and reactive forms. For this ionic 4 tutorial we created a mobile app example with lots of forms and validations to help you master data collection using angular reactive forms.
Web Components? Shadow DOM? CSS 4 Variables? Stencil? Understanding the new components architecture in Ionic 4. In this Ionic 4 tutorial we will cover everything from styling and customizing Ionic 4 components, to building custom web components with Stencil and then use them in your Ionic 4 projects (or any other framework, as web components are framework agnostic!).
In this article I want to explain the main differences between Ionic 4 and Ionic 3, as well as the new concepts of this brand new version. We will see practical examples of how to use the new Ionic CLI, and the new Router. Then at the end I will guide you on how to migrate your applications from Ionic 3 to Ionic 4.
Our aim is to help people of different skill levels - designers or developers - get the most out of Ionic Framework by saving their expensive time and providing great resources for them to learn ionic framework faster and better. In IonicThemes you will find premium Ionic Templates and Ionic Framework tutorials, tips and tricks.