Posts in category Cordova

Mastering Cordova’s File Navigation in an Ionic App...

thumbnail ionic cordova file navigation

I literally spent 2 hours trying to find a good music player for iPhone. Why? Every music files I downloaded on the web were just lost somewhere and no applications could access it … Ridiculous right? In this tutorial we create a file navigation mobile application that allows us to access any file on any device. From there you can […]

Testing Geolocation Apps Without Moving in Ionic

thumbnail ionic geolocation mock

Ionic Native Geolocation is great, however, when we need to test different use cases on a real device it becomes a bit complicated. In this tutorial we will create a special mock that will allow us to stay at home while easily spoofing to other places. Mock Selection Let’s get the party started: View the code on Gist. The classic […]

Implementing Native Google Maps in an Ionic Application

thumbnail ionic google maps geolocation copy

Google Maps is the king when it comes to Geolocation and Mapping. Many companies like Uber or Lyft are using Google’s technology to rapidly kickstart awesome applications. In this tutorial we will see how we can quickly create our own application with Ionic’s Google Maps Native plugin.

Making Phone Calls to Contacts with Ionic in one go

thumbnail ionic contacts call

Thanks to cheap costs from unlimited phone plans, calling someone is not expensive as it used to be. Adding more ways of communication in a mobile application can improve the User Experience.

Adding Sounds using HTML5 and Native Audio in Ionic

thumbnail sound html5 ionic native audio

‘member Flash? This is what we are going to use because it’s the best technology in the world… just kidding. Back in the days Flash was very helpful, we were able to make animations, audio players and so much more! Then came HTML5 and people started wondering why they could watch their videos without crashesūü§Ē.

Analyzing the Ionic AWS Full-Stack Starter: The Features

thumbnail ionic aws stack

In this tutorial we will see how the application makes good use of the Providers we analyzed previously. The application is divided in two parts: The authentication process The tasks manipulation Many intermediate Ionic concepts are present here, if you have any issue, you can have a look at my book to quickly update your knowledge.

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

Injecting Objects in an Augmented Reality Ionic App using...

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