Posts in category Beginner

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ūü§Ē.

How to Automatically Generate Icons and Splash Screens Wi...

thumbnail-automatic-icon-splash-screen

There are more than 24,000 Android devices and around 33 iOS devices. Manually generating icons and splash screens to fit every need seems a hard task right? Fear not my friends! There is a way to automate it! Let’s start by installing everything we need and creating a project: Ionic has a service that will generate the icons and splash […]

Analyzing the Ionic AWS Full-Stack Starter: Configuration...

thumbnail ionic aws stack

I have used both Ionic and AWS for years now. Both technologies are (mostly) free and awesome. Ionic is the badass framework to build cross-platform mobile applications and AWS gives us the tools¬†to host, cache, manipulate files with authentication and many more services in the cloud. So what’s the result if both companies allied together to create a project: the […]

Action Range and spooky Sounds in an AR Ionic app with Wi...

thumbnail ionic Augmented Reality wikitude action range logs

Augmented Reality worlds bring more possibilities than traditional websites. In a previous tutorial, we only triggered actions when the user selected a marker, this a basic interaction: user clicks on something, something else happens. In this tutorial we will create an ActionRange which will trigger an alarm sound as soon as the user enters an area: our Danger Zone ;).

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

Ionic 3 Performance Boost with Observable using VirtualSc...

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.