advanced

Hero image for article
Icon for article
intermediateadvancedsecurity

Why XSS Attacks Are More Dangerous for Capacitor/Cordova Apps

5 min read

In this article, we demonstrate how there are more avenues for XSS attacks in Capacitor/Cordova applications and how the impact can be worse

Hero image for article
Icon for article
advancedcapacitorionicswift

Running Custom Native iOS Code in Ionic with Capacitor

7 min read

In this tutorial, we walk through how to create a custom Capacitor plugin that will allow us to run custom native code in an Ionic application.

Hero image for article
Icon for article
ionicstenciliosswiftcapacitoradvanced

Creating a Local Capacitor Plugin to Access Native Functionality (iOS/Swift)

9 min read

In this tutorial, we walk through how to build a Capacitor plugin that allows access to native iOS code. We will use the HealthKit API as an example.

Hero image for article
Icon for article
animationionicintermediateadvanceduiux

Performance Lessons from Writing a Book About Ionic Animations

8 min read

In this article, I discuss some key performance lessons related to creating animations and interactions with Ionic

Hero image for article
Icon for article
animationionicintermediateadvanceduiux

Freebie: Advanced Card Transition with the Ionic Animations API

1 min read

Grab the source code for one of the advanced examples from the "Advanced Animations and Interactions with Ionic" book

Hero image for article
Icon for article
animationionicintermediateadvanceduiux

Create Tinder Style Swipe Cards with Ionic Gestures

8 min read

Use the Ionic Gestures API to create a Tinder style swipe card gesture and animation.

Hero image for article
Icon for article
animationionicintermediateadvanceduiux

Tips for Animating in Ionic Applications

9 min read

Tips for creating impressive animations in Ionic applications whilst maintaining performance

Hero image for article
Icon for article
advancedionictestingunit testing

Test Driven Development in Ionic: Services and Templates

6 min read

In this tutorial, we are going to finish off building the functionality for this application using Test Driven Development.

Hero image for article
Icon for article
advancedionic2testing

Test Driven Development in Ionic: Navigation and Spies

8 min read

In this tutorial, we will test the navigation between our two pages. To do this, we will introduce the concept of spies.

Hero image for article
Icon for article
advancedionicangulartesting

Test Driven Development in Ionic: Http Requests and Mocks

6 min read

In this tutorial, we will be modifying the Products service to make a HTTP request and discuss why it is beneficial to use "mocks" in tests.

Hero image for article
Icon for article
advancedionicangulartesting

E2E (End-to-End) Testing in Ionic: Structuring Tests with Page Objects

5 min read

In this tutorial, I will be discussing how you can use page objects in your E2E tests to make them more maintainable and easier to write.

Hero image for article
Icon for article
advancedionicangulartesting

E2E (End-to-End) Testing in Ionic: Test Driven Development

5 min read

In this tutorial, I walk through how I integrate E2E tests into my test driven development workflow for Ionic and Angular applications

Hero image for article
Icon for article
advancedionicangulartesting

Testing Asynchronous Code with FakeAsync in Angular

4 min read

In this tutorial, we take a look at how to use fakeAsync, flushMicrotasks, and tick to test asynchronous code in Ionic and Angular

Hero image for article
Icon for article
advancedionicangulartesting

E2E (End-to-End) Testing in Ionic: An Introduction

6 min read

In this tutorial, we will be covering another type of automated test called End-to-End Testing, and how to apply that to an Ionic and Angular application.

Hero image for article
Icon for article
angularadvancedionic

Native/Web Facebook Authentication with Firebase in Ionic

10 min read

In this tutorial, we investigate how to create a web-based and native authentication flow for Facebook and Firebase

Hero image for article
Icon for article
advancedionictesting

Test Driven Development in Ionic: An Introduction to TDD

9 min read

In this tutorial series, we will be walking through some examples of using Test Driven Development in Ionic.

Hero image for article
Icon for article
advancedionicangulartesting

Introduction to Testing Ionic Applications with TestBed

6 min read

In this tutorial, we are going to set up a testing environment that allows us to make use of TestBed when testing an Ionic application.

Hero image for article
Icon for article
advancedangularionictesting

How to Unit Test an Ionic/Angular Application

7 min read

In this tutorial I am going to show you how you can set up simple unit testing with Jasmine and Karma in your Ionic and Angular applications.

Hero image for article
Icon for article
advancedangularformsionicuiuxvalidation

Advanced Forms & Validation in Ionic & Angular

9 min read

In this tutorial we are going to look at a more complex, but also more powerful, way to set up forms in Ionic. We will be building a multi stage sign up form.

Hero image for article
Icon for article
ionicangularanimationadvanceduiux

Creating a Shared Element Transition Animation in Ionic

5 min read

In this tutorial, we take a look at how we can create a shared element transition animation with Ionic and Angular

Hero image for article
Icon for article
angularionicadvanceduiux

Creating a List Gradient Effect with SASS in Ionic

6 min read

In this tutorial, we cover how to use a SASS for-loop to create a gradient effect on a list

Hero image for article
Icon for article
angularionicadvancedbackendnestjsuiux

Displaying Upload/Download Progress in an Ionic Application

6 min read

In this tutorial, we walk through how to display upload and download progress for HTTP requests

Hero image for article
Icon for article
angularionicadvancedbackendnestjsmongodbjwtauthentication

Adding JWT Authentication to an Ionic Application with MongoDB and NestJS

13 min read

In this tutorial, we cover how to use JWT based authentication in an Ionic application

Hero image for article
Icon for article
angularionicadvanceduiuxanimation

Creating an Achievement Unlocked Animation with Angular Animations in Ionic

4 min read

In this tutorial, we will be focusing on implementing an animation sequence to create an achievement unlocked overlay in an Ionic application.

Hero image for article
Icon for article
advancedangularformsionicuiux

Dynamic/Infinite Input Fields in an Ionic Application

4 min read

In this tutorial, we will be walking through coding a form that will allow the user to add as many fields as they like.