An Introduction to HTTP Requests & Fetching Data in Ionic
HTTP requests allow us to request resources that our application can make use of. In the context of this article, this will generally mean requesting data from some API over the Internet, or loading...
View ArticleCreate a Custom Modal Page Transition Animation in Ionic
When we launch a modal in an Ionic application, an animation is used to provide a smooth transition as it appears on the screen. The default animation for iOS and Android causes the modal to slide up...
View ArticleMigrating to the Upgraded Ionic Tabs Components
In this tutorial, we are going to be walking through how to migrate your existing Ionic 4 applications that use tabs to the new tabs components that were introduced in beta.15. We will go through a...
View ArticleCreating an Achievement Unlocked Animation with Angular Animations in Ionic
I’ve written a few articles in the past that covered using the Angular Animations API in an Ionic application. You can find some of those articles below: The Web Animations API in Ionic Add to Cart...
View ArticleAdding Sound Effects to an Ionic Application
In this tutorial, we are going to cover how we can add sound effects to our Ionic applications. This particular example is going to cover adding a “click” sound effect that is triggered when switching...
View ArticleUsing MongoDB with Ionic and NestJS
In the previous few NestJS tutorials we have been discussing how to set up a basic REST API that we can interact with using an Ionic application. We have covered making both GET and POST requests to...
View ArticleAdding JWT Authentication to an Ionic Application with MongoDB and NestJS
Many Ionic applications will require the concept of an authenticated user who is authorised to perform certain actions – perhaps only authenticated users may access your application at all, or perhaps...
View ArticleCreating & Using a Headless CMS with an Ionic Application
A Content Management System (CMS) provides an easy way to store and manage data related to content that you want to display. Popular Content Management Systems include the likes of WordPress, Drupal,...
View ArticleMigrating to the Upgraded Ionic Tabs Components
In this tutorial, we are going to be walking through how to migrate your existing Ionic 4 applications that use tabs to the new tabs components that were introduced in beta.15. We will go through a...
View ArticleClik here to view.
Creating an Achievement Unlocked Animation with Angular Animations in Ionic
I’ve written a few articles in the past that covered using the Angular Animations API in an Ionic application. You can find some of those articles below:The Web Animations API in IonicAdd to Cart...
View ArticleAdding Sound Effects to an Ionic Application
In this tutorial, we are going to cover how we can add sound effects to our Ionic applications. This particular example is going to cover adding a “click” sound effect that is triggered when switching...
View ArticleClik here to view.
Using MongoDB with Ionic and NestJS
In the previous few NestJS tutorials we have been discussing how to set up a basic REST API that we can interact with using an Ionic application. We have covered making both GET and POST requests to...
View ArticleAdding JWT Authentication to an Ionic Application with MongoDB and NestJS
Many Ionic applications will require the concept of an authenticated user who is authorised to perform certain actions - perhaps only authenticated users may access your application at all, or perhaps...
View ArticleClik here to view.
Creating & Using a Headless CMS with an Ionic Application
A Content Management System (CMS) provides an easy way to store and manage data related to content that you want to display. Popular Content Management Systems include the likes of Wordpress, Drupal,...
View ArticleDisplaying Upload/Download Progress in an Ionic Application
A good experience in a mobile application rests heavily on good communication. You communicate your intent to the application, and it communicates back to you. The better you and the application...
View ArticleClik here to view.
Creating a List Gradient Effect with SASS in Ionic
In this tutorial, we are going to look into how we can use SASS (which is built into Ionic/Angular applications by default) to create a cool gradient effect on our Ionic lists. It will look something...
View ArticleDeploying a Production NestJS Server on Heroku
I’ve been writing quite a few tutorials on NestJS recently, but an important step in creating a backend for your application is actually hosting it somewhere. During development you can have your...
View ArticleHandling Multiple File Uploads with NestJS
In previous tutorials, we have covered how to POST data to a NestJS server, but when it comes to uploading files to a NestJS (or any) server, things get just a little bit tricker.In this tutorial, we...
View ArticleMaster/Detail Navigation Within a Tabs Layout in Ionic
There have been some reasonably big changes to tab-based navigation in Ionic, and one issue that I see pop up quite a lot is creating more complex navigation within individual tabs. Specifically, a lot...
View ArticleClik here to view.
Animating List Items in Ionic with the Intersection Observer API
In this tutorial, we are going to take a look at creating a directive that will allow us to apply a cool little enter/exit animation to items inside of an Ionic list. We will be able to define a simple...
View Article