Accessing Localhost Server From Ionic App Running on a Mobile Device...
Ever been in a situation where you want to test your Ionic application natively on an iOS or Android device, but the backend server/database you are testing against is a development server running over...
View ArticleClik here to view.
Using HTML File Input for Uploading Native iOS/Android Files
In the last tutorial, we covered how to handle file uploads in Ionic using the <input type="file"> element. This included using the file input element to grab a reference to a file and then...
View ArticleHow to Launch Native Views in an Ionic Application
If we are building an iOS/Android application with Ionic and Capacitor, then the primary native view that we are using inside of the native application created by Capacitor is a web view that loads our...
View ArticleDisplaying a Native List in Ionic
In the last article I published, How to Launch Native Views in an Ionic Application, I made a point about how it is awkward to use something like a native list in an Ionic application instead of the...
View ArticleUsing Shadow Parts to Style Protected Shadow DOM Components
I have a few articles and videos that help explain the purpose of Ionic’s usage of Shadow DOM for some of their components, and how we can work with this approach to style components the way we want....
View ArticleProtecting Against XSS (Cross Site Scripting) Exploits in Ionic (Angular)
In this article we are going to explore when Angular’s XSS security model will help protect your application from XSS JavaScript injection attacks, and when it won’t. It is important to note that...
View ArticleClik here to view.
A Step-By-Step Process for Creating Professional Colour Schemes
In my earlier life, it was originally my ambition to become a graphic designer. I spent years playing around with Photoshop and eventually made a bit of money designing websites and logos for people....
View ArticleWhy XSS Attacks Are More Dangerous for Capacitor/Cordova Apps
I want to preface this article by saying that the vulnerability we will be discussing does not mean that a “hybrid” application built with Capacitor/Cordova is insecure. This vulnerability is also not...
View ArticleTest Driven Development with StencilJS: Creating a Time Tracking Ionic...
Test Driven Development (TDD) is a process for creating applications where the tests for the code are written before the code exists. The tests are what “drive” which functionality you implement. We...
View ArticleTest Driven Development with StencilJS: Refactoring to use Page Objects and...
In the previous tutorial in this series, we used a Test Driven Development approach to start building a time tracking application with Ionic and StencilJS.At this point, we have created 1 E2E test and...
View ArticleHow Immutable Data Can Make Your Ionic Apps Faster
If you are not already using immutable data concepts, you might have seen all the cool kids updating their arrays like this:public myArray:number[]=[1,2,3];ngOnInit(){this.myArray...
View Article