Tagged: ionic2

Ionic 3

What’s New in Ionic 3?

You’ve probably heard by now, but the 3.0.0 release of Ionic is now officially available. If you’re not sure what exactly that means in relation to Ionic 2, I’d recommend watching my last video on the topic. In short, Ionic 3 is just a major update to Ionic 2, it’s not a totally new framework. […]

CouchDB and Ionic

CouchDB, PouchDB, and Ionic 2: Adding Comments

Over the past few weeks, we have been building out a simple blogging application that is built with Ionic 2, CouchDB, and PouchDB. We have made quite a lot of progress so far, and in this tutorial, we will be adding the finishing touches on the core functionality. We already have the ability to add […]

Swipeable Tabs

Adding Swipeable Tabs to an Ionic Application

The Ionic team have stated that their goal with Ionic was to provide a core set of components out of the box and to allow developers and the community to build out additional components. Things like buttons, toolbars, and lists are all pretty essential. Things like Tinder cards and maps are popular but are not […]

Ionic 3

What Does Ionic 3 Mean for Ionic 2?

If you started out on Ionic 1, maybe you’re at the point now where you feel settled and comfortable after taking on the challenge of switching over to Ionic 2. If you don’t follow the particulars of versioning trends for frameworks, you might just about fall out of your seat when learning that Ionic 3 […]

@ViewChildren vs @ContentChildren

[VIDEO] @ViewChildren vs @ContentChildren in Ionic

I recently release an article that explored The Difference Between @ViewChildren and @ContentChildren in the context of Ionic, but it is a subtle difference and I wanted to make sure I hit the point home. So, I’ve recorded a video where I discuss the difference in a little more detail and also walk through some […]

Ionic Native Mocks

Automating Mocks in Ionic Native 3.x

With the release of Ionic Native 3.x we are now able to create mocks for Ionic Native plugins. If you are not already familiar with the concept of a mock, the basic idea is to create a “fake” class that pretends to be the real class. This is a concept typically used for creating unit […]

Ionic Native Mocks

Mocking Plugins with Ionic Native

The Ionic Native 3.x update means that we can now mock native plugin functionality in the browser. This video tutorial walks through some of the changes in Ionic Native 3.x, as well as how you can create your own mocks for plugins. Here’s the video: What to watch next…

CouchDB and Ionic

CouchDB, PouchDB, and Ionic 2: Why PouchDB?

In the last tutorial, we started a new project using CouchDB and Ionic 2. We are working towards building a simple blogging application, and so far we have our CouchDB database set up, along with a CouchDB MapReduce view to retrieve all of the posts in the database by the date they were published, and […]

Expandable Header in Ionic 2

Creating a Custom Expandable Header Component for Ionic 2

One of my favourite pastimes is trying to implement cool looking user interfaces that people send me in Ionic 2. A little while ago, somebody sent through this example from AirBnB. I set out to build a simple implementation of this, and ended up with a custom component that looks like this: The header height […]

Elvis Operator in Ionic 2

Safely Displaying Data with the Elvis Operator

When building Ionic 2 applications, our classes and templates work hand in hand to render the view that the user sees. Our classes are able to define data that we can display in templates through property bindings, and our templates can trigger functions in our classes through event bindings. If you’re unfamiliar with the concept […]

CouchDB and Ionic

CouchDB, PouchDB, and Ionic 2: Starting a New Project

Over the past couple of weeks, I’ve been introducing some of the theory behind creating applications powered by CouchDB. As promised, this week we will finally start actually building something with it. Over the next few tutorials, we will be building a blogging application in Ionic 2 that uses CouchDB as its database and backend. […]

Security in Ionic

[VIDEO] Basic Security for Ionic & Cordova Applications

I recently wrote an article with some basic security advice for Ionic and Cordova applications, but I thought it would be worthwhile discussing those concepts in a little more depth. In this video tutorial, I talk through the concepts that I brought up in the security article. Here’s the video:Follow @joshuamorony Video Notes You don’t […]

Live Coding Drag Directive

“Live” Coding a Custom Directive in Ionic 2

I’m trying something a little bit different with this video. Most of the videos I create aren’t scripted, but I do have a general plan of attack before recording and, more or less, know what I am going to say and do. I’ve created multiple custom components and directives in the past, and have done […]

Sending Post Request in Ionic 2

How to Send Data with POST Requests in Ionic 2

In the past, we have covered how to make a simple GET request to load data from a server, and for the most part, making a POST request is pretty much the same. There are a few key differences, though, including the fact that a POST request also includes a body, and there’s also a […]

Listening for Host Events

Listening to Events on a Host Element in Ionic 2

When creating a custom directive (and in other circumstances) you may be interested in listening for events that are happening on the host element. Let’s say for example that I created a custom directive that I wanted to attach to the <ion-content> component, like this: The host element, which is <ion-content> in this example, may […]

Testing in Ionic 2

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

Over the past few weeks, I have been releasing a series of tutorials on creating automated tests for Ionic 2 applications. The tutorials so far have focused on how to apply the Test Driven Development (TDD) methodology to unit test an Ionic 2 application. If the concept of automated tests is new to you, or […]