Posts tagged Ionic 2

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 […]

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 […]

Creating an Ionic AI Chatbot with Dialogflow (or API.AI)

thumbnail ionic artificial intelligence API

Artificial Intelligence (AI) is everywhere. I can’t spend one day without hearing about one new AI feature, they are even featured in my video games! No wonder Elon Musk is accelerating his Mars colonization project. Artificial Intelligence can be quite complicated, but new platforms are created to simplify it. The Dialogflow Company created a simple conversational platform. By using this type […]

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 […]

Implementing GraphQL using Apollo in an Ionic Application...

thumbnail ionic graphql node apollo intro

Apollo for Angular is quite new so this article will be quite experimental and (I hope) it might change after the release of the incoming apollo-client 2.0. Thanks to Angular, Ionic applications benefit from two-way data bindings and this feature will affect how our CRUD is built.