Josh Morony

Custom Components in Ionic 2

Setting up Custom Components in Ionic

It’s not immediately obvious how to go about setting up custom components that you have added to your Ionic application. In this video, we discuss a few different methods we can use to make our components available to use, and some of the pros and cons of each approach. Here’s the video: What to watch […]

Ionic Backends

Integrating a Backend with Ionic

I often see questions like “How do I use PHP/MySQL in Ionic?” or “Does Ionic work with X backend?” – these are reasonable questions, but it indicates a big misconception as to how integrating a backend with Ionic works. The technology that is used on the backend is completely irrelevant, as the backend and the […]

Lazy Loading

What Does Lazy Loading Do in Ionic?

Lazy loading has been around for a while now, and it’s likely that you’ve had at least some experience with it if you have been building Ionic applications recently (the Ionic CLI page generator uses lazy loading by default). If you aren’t familiar with lazy loading, then you might be interested in checking out this […]

Clip Paths in Ionic

Bulk Delete UI with CSS Clip-Path in Ionic

I was browsing around Twitter the other day when I came across a tweet from Rachel Nabors (who you should definitely follow for cool web animation stuff) linking to this cool CSS clip-path maker. It allows you to switch between a bunch of different pre-defined clip-paths and apply them to an image. The general concept […]

CouchDB and Ionic

Restricting Document Updates in CouchDB

CouchDB exposes a powerful REST API that allows you to interact with the database by making simple HTTP requests. The simplicity of CouchDB is one of its great features, but we might not always want to just blindly create or update documents. Perhaps we want to check that a user can only modify their own […]

Testing Ionic

The Role of End-To-End (E2E) Tests in Ionic

End-To-End (E2E) testing involves creating automated tests that will test your application as a whole, rather than testing individual chunks of code in isolation (which is the purpose of a unit test). In this video tutorial, I walk through a real-world application that has some e2e tests implemented and discuss the purpose and value of […]

Testing Ionic

The Role of Unit Tests in Ionic

Unit testing is an intimidating task to get started with, and with no prior knowledge of creating automated tests, it can be hard to understand the how and why of unit testing. In this video, I walk through some unit tests I have set up for a real-world application I am working on, and we […]

Accordion in Ionic

Creating an Accordion List in Ionic

Earlier this week I recorded a video where I walked through building an expandable component on screen. This was a generic component that could be given a specific height, and its state could be toggled between being expanded and collapsed. Due to a dwindling battery, I didn’t get to take the component quite as far […]

Expandable Component

Live Coding an Expandable Component in Ionic

I’ve been releasing a series of videos where I walk through building something on screen, with only a vague idea of what I want to build and no planning in advanced. The idea is that it gives a more realistic representation of what the actual development process looks like, rather than having everything pre-planned, working, […]

Testing Ionic

Setting Up Unit and E2E Tests in Ionic

I’ve written many tutorials on adding automated tests to Ionic applications, but one of the trickiest parts of the whole process is just getting the testing environment configured. If you want to set up unit and end-to-end tests you will need to install Jasmine, Karma, Protractor, and an array of other packages that need to […]