Posts in category Intermediate

The Ionic Build Process Tutorial

thumbnail Ionic Build Process

When we start using Ionic, it’s all magic, we type three commands and the application is running on our mobile device. From there it all depends of what type of person you are. Either you don’t care how things work and enjoy the dirty high of quickly creating cool hybrid applications or you want to understand what’s going behind the […]

Coupling a Stencil TODO app with Redux

thumbnail stencil

In the previous tutorial, we used Stencil to create a TODO application. The state of the application was built upon a Parent-Children System. A Redux Store can be implemented to make our life easier and that’s our new goal today.

Creating a TODO application using Stencil

thumbnail stencil

Stencil arrived some months ago as the web revolution. Even for Ionic experts, the transition to this technology can seem quite complicated. At the moment and until Ionic 4 is out, Stencil’s full potential is not yet known. It’s fast and it works everywhere, that’s all we know. In this tutorial, we will use Stencil to create a TODO application.

Introduction to AI for Ionic developers

thumbnail Ionic artificial intelligence intro

Artificial Intelligence is here and will gradually replace some jobs. Thanks to the open-source community, there are great libraries that can kickstart our AI projects. This tutorial is an introduction to AI usage in Ionic applications.

Mixing Ionic, Dialogflow and Node.js in One Go

thumbnail ionic artificial intelligence API fulfillment

Last week we created an AI Chatbot by using Dialogflow (also known as API.AI) in an Ionic application. It was a fun tutorial and we have seen why people are afraid AIs will take their jobs. However, it wasn’t complete. The users could talk to an AI and receive some predefined information, but all of those weren’t real information. In […]

Implementing Wikitude’s Instant Tracking in an Ionic appl...

thumbnail ionic augmented reality wikitude intro

If you are a beginner, you should have a look at the previous tutorials (here and there). So far, tracking wise we have seen how to display information by using: The user’s geolocation An image An object But, what if we just want to display an object without using any complex mechanism? Two words: Instant Tracking. In this tutorial we will use […]

Using Wikitude’s Object Tracking in an Ionic application

thumbnail ionic augmented reality wikitude intro

Augmented Reality (aka AR) is all about adding virtual objects to our world. The ultimate goal is to add those virtual objects on every real life object. Wikitude makes this process quite simple and we are going to implement it in an Ionic application.

Using Wikitude’s Image Recognition in an Ionic appl...

thumbnail ionic augmented reality wikitude intro

First of all I’d like to thank the Wikitude company for the license key they provided to me. I’ll soon update the previous demo gifs to remove the trial watermarks! In this tutorial we will use Wikitude’s image recognition feature to display a new image in our Ionic AR application.

Using Redux Reactive Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

After last week’s tutorial on Template-Driven Forms and Redux. Today we attack the Reactive side. We are very lucky because there aren’t many changes. We have already seen what Reactive Forms are, how to use them and how to validate them in Angular.

Using Redux Template-Driven Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

We have already seen what Template-Driven Forms are and how to use them with Angular in a previous tutorial. In this one we take another approach by coupling it with Redux in an Ionic application. You should have a look at the Redux introduction and the time travel tutorial if you are not familiar with this new technology. As usual […]