Ionic

Ionic is a front-end framework for developing native-feeling hybrid mobile apps with HTML using Sass and Angular.

ionic

#20: Verify Sign In With Google using Node - Ionic / React / Firebase Tutorials

In this video we'll see how to verify Sign In With Google using Node backend and google auth library.

#19: Verify Sign In With Apple using Node - Ionic / React / Firebase Tutorials

In this video, we'll verify the integrity of sign in with apple on backend using Node.

#18: Adding Node backend to Ionic app - Ionic / React / Firebase Tutorials

In this video, we'll set up a node backend with Ionic to work with backend related stuff like cloud functions and user authentication.

#17: IonIcons - Ionic / React / Firebase Tutorials

In this video let's see how to use IonIcons with Ionic app.

#16: Debugging Ionic Apps - Ionic / React / Firebase Tutorials

Let's see how you can debug Ionic Apps using the Chrome and Safari browsers.

Ionic Community Design

This is the first episode of a new series where I will review the Design/UX of one page in Ionic applications submitted by the community.

SLIDE DRAWER WITH IONIC GESTURES - Ionic UI Challenge #3

In this video, we build a slide drawer component for Ionic live on screen. We make use of Angular and Ionic Gestures for this one.

How Created a Coronavirus Tracker App with Ionic and Firebase

I am really fond of Hybrid App technologies – they help us achieve so much in a single codebase. Using the Ionic Framework, I developed a cross-platform mobile solution for tracking Coronavirus cases in just 3 days.

EXPANDING BUTTON SCREEN TRANSITION - Ionic UI Challenge #2

In this video tutorial, we investigate how to build an animated screen transition where a button expands to fill the full screen before transitioning to a standard modal.

Ionic 5 Image Upload with NestJS & Capacitor: Capacitor App

This is the second part of a mini series on Image upload with Ionic.

ANIMATED CARD LAYOUT - Ionic UI Challenge #1

In this tutorial, we investigate to see whether we can implement the general structure behind a nice UI design by Vadim Marchenko in Ionic.

Creating and Deploying an Ionic & StencilJS App to Netlify in 7m 58s

In this video, we build a new Ionic/StencilJS application and deploy it to Netlify in under 8 minutes.

Ionic 5 Image Upload with NestJS & Capacitor: Capacitor App

In this part we’ll create an Ionic app with Capacitor so we can upload image files from the browser and iOS & Android apps!

Create Custom Gestures (Simple Tinder Card Animation) in Ionic 5

In this video, we take a look at the new GestureController being added in Ionic 5 which exposes the underlying gesture functionality used by Ionic components.

Staggered List Animation in Ionic (without SASS)

In this video, we take a look at how to create a staggered animation for a list of items using CSS variables instead of SASS and nth-child.

Adding Ionic Dark Mode Support for iOS 13

In this video, we walk through how to add support for iOS 13 dark mode and light mode for your Ionic applications.

Ionic Animations API: Controlling Time with progressStep

In this video, we investigate how to control the playback of an Ionic Animations API animation by using progressStart, progressStep, and progressEnd.

Improve Animation Performance with FLIP and the Ionic Animations API

In this video tutorial, we explore the FLIP (First, Last, Invert, Play) method for improving animation performance whilst using typically non-performant CSS properties (like width/height/position).

Debugging the Ionic White Screen

In this video, we walk through 4 different steps you can take to help track down errors that are occurring in your Ionic applications.

How to use Sign In with Apple inside Ionic for Firebase Authentication

Today we'll ad the new Sign In with Apple feature to our Ionic app using Capacitor, and we'll also use the identity token to sign in using Firebase authentication!