Integrating a Labeled Marker in an Augmented Reality Ionic App using Wikitude

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

Injecting Objects in an Augmented Reality Ionic App using Wikitude

thumbnail ionic augmented reality wikitude intro

Injecting objects into our world (or vice-versa) is the main goal of Augmented Reality. Those elements can be of different types. Images, videos, sounds, whatever media you want. Let’s see how we can do this in Ionic using a Wikitude file.

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

Ionic 3 Performance Boost with Observable using VirtualScroll and WKWebView

thumbnail Ionic virtual scroll

What do you do when an application you just installed is f****** slow? ——-> Straight to the garbage, no question asked. This scenario can also happen to the applications that you develop. Not everybody has an iPhone 7. In today’s tuts we get this painful issue out of the way.

Ionic 3 New Pages Lazy Loading

thumbnail ionic lazy loading

Page Lazy Loading is awesome. I never start a tuts like this, but f*** yea! This new feature from Ionic 3 not only makes our code more concise but also avoid the hassle of typing every damn time the same paths in every Class! Lazy Loading allows us to access Pages wherever we want by only using a string. We are […]

Global Events and Event Delegation in Angular 2

angular 2 thumbnail global event

In Angular 2, we are used to listening for events on the Component’s DOM elements, however how do we listen to events outside of this range? Two ways to do this: Creating a Host Listener Using the Component’s host property

Angular 2 Transclusion with ng-content in one go

angular 2 projector thumbnail ng-content

Transclusion was one of the coolest feature of Angular 1. Angular 2 made this (way) more simple and also changed its name to Projection. What we used to configure in our directives with some symbols and ngTransclude is now directly handled into the DOM. Before diving into it, let’s refresh our memory. Here is the most basic Projection example:   We pass some […]

Introduction to Angular 2 Animations

angular 2 animation thumbnail.png

When it comes to Web Development, Animations can make or break your UX. Too much of them and your website looks like a Vegas Casino. None and your website will be missing the little spark to make it stand out. Angular has made some great improvement in this domain since version 1.3 so let’s see what Angular 2 offers!

Angular 2 Reactive Forms Validations

Angular 2 rxjs form validation

Following the tuts on Reactive Forms and  Observables, today we tackle the validation part! This part is very important, it’s your last protection before the data are sent to your server so be careful here.