Posts in category TypeScript

Using Vue as an Angular alternative for Ionic: Parent-Chi...

updated thumbnail Ionic Vue Cordova

Modern JavaScript applications are generally composed of Nested Components. It’s generally one Parent Component at the top delegating the work to its Children. They get some properties from the parent, do some work, notify the parent that something changed, which in turn updates the properties accordingly and finally updates the children.

Using Vue as an Angular alternative for Ionic: The Direct...

updated thumbnail Ionic Vue Cordova

We keep going on with the Ionic Vue fever! This time we will see how we can we use Directives in an Ionic Vue application.

Using Vue as an Angular alternative for Ionic: The Servic...

updated thumbnail Ionic Vue Cordova

Instead of centralizing all the code in a Component, it’s common practice to use Services. Services are Classes that contain domain specific code like Ionic Native Device actions, Ionic Native Storage actions, Ionic routing.

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.

Integrating a Labeled Marker in an Augmented Reality Ioni...

thumbnail ionic Augmented Reality marker wikitude

The first time I developed an Augmented Reality application I used an (ugly) black and white Marker. This method was very cool and I was totally bluffed by the technology. However, this wasn’t very scalable. Can you imagine how annoying it would be to go around and paint markers everywhere? Nowadays these markers can be integrated by using geolocations, locations of […]

Augmented Reality in Ionic 3 using Wikitude

thumbnail ionic augmented reality wikitude intro

Augmented Reality will be a turning point in the coming years. Trends are making economy and new trends means new opportunities. Nobody knew a decade ago that millions of people would use a phone to get an Uber or swipe right to meet someone. There are even rumors about the iPhone 8 Augmented Reality features. Today’s tuts is an introduction to Wikitude, an […]

Ionic 3 and Cordova Native plugins installation

thumbnail Ionic Cordova plugins

Plugins: one word that totally changed the landscape of programming. Can you imagine 10 years ago when developers had to code everything from zero? Now people push their plugins, we install them using npm and the documentation is here to help us. However, mobile development is evolving very fast: AngularJS, Angular 2, Angular 4, Ionic, Ionic 2, Ionic 3. It takes a […]

Angular 2 Template-Driven Forms in One Go

Angular 2 forms

After a long break, let’s get back into the flow with a simple tuts. No server-rendering-worker-asynchronous-resolution-injection here, just something that everybody use: forms! Today we take a look at how template-driven forms work in Angular 2. A 5-minutes read to slowly get back in form.

Getting Started With the New Angular 2 Router

angular-2-router-thumbnail

Navigation has changed a lot during Angular 2’s development. Finally this important piece has become final! Today I’ll show you how to master routing into your Angular 2 apps. We will create our first routes, protect them, handle an event when the user leaves and create some children routes.

Analysing the Angular 2 Universal Starter Kit

angular-2-universal-thumbnail

Hi folks, Today we are going to dive into the Angular 2 Universal Starter Kit. If you have never heard about it it’s ok, your boss is not going to fire you tomorrow because of that (not yet). There are other Angular 2 Universal seed projects in the wild but this one is complete and very simple to start with, […]