Ionic 3 & Redux

Every application that we write will need to manage state in some capacity. For example, an application needs to know if a user is logged in or not in order to present the right view (login screen or user dashboard). We can see here that there is a need for the user’s state to be…

Ionic 3 Google Maps Clusters

In this example, we are going to show you how to show clusters using Google Maps in our Ionic 3 application. This tutorial is going to expand on the previous Google Maps tutorial. What is a cluster? A cluster is nothing more than a group of markers combined together. Clusters are very useful when writing…

Ionic 3 Google Maps

We are going to show how to implement google maps into our Ionic 3 application. Unlike most other plugins, we are going to need to generate a key from Google in order to use the Google Maps API. The first thing we’ll need to do is head over to the google developer console:¬†https://console.developers.google.com and to…

Prototyping with Hapi & CORS

When prototyping webapps and mobile apps, you will find the need to spin up servers that integrate with external API’s. Most of the time, this can be a huge time-suck. In the NodeJS world, express is the framework many use to setup their NodeJS server. Setting up an express server, configuring routes, and enabling CORS…

The Beauty of Vue.js

After using ReactJS/Angular/Angular 2, it’s not hard to get locked in to the frameworks way of doing things. Although less true with ReactJS, Angular (especially Angular 2) makes it difficult to use anything non-angular into your app. When working with legacy/enterprise applications this is even more true. There are times when you are trying to…

Ionic Vertical Slidebox

Ionic’s latest and greatest version of Ionic (version 1.2) is paving the way for Ionic 2. Ionic 2 will undoubtedly be the best cross-platform mobile development framework on the web. Having used Ionic since it’s initial beta, I am so impressed with how far the ionic team has take the ionic framework. One of Ionic’s…

YYYY-MM-DD to age javascript

Moment makes working with dates extremely easy. A common task we need to do when building applications is display a users age from their date of birth. Moment is smart enough to recognize different formats and help get the user’s age. A common format that I have to deal with on a number of occasions…

Google Analytics with Ionic

Ionic offers a great plugin to gather analytics for your app, combining $ionicAnalytics with google analytics will really help you get deep insight about your app usage. Google analytics give you insights on where your users are located and how much tune they are spending on each page. Thankfully, there is a wonderful cordova plugin…

Play Video with HTML5 and Angular

HTML5 gives us the ability to play videos directly in the browser. Video playback with HTML5 is not as sophisticated as existing libraries such as jwplayer and videogular, but for something simple, playing videos in HTML5 works great. We’ll start with an example in angular and then wrap our code into a directive that we…

Writing AngularJS Directives

Directives are the bread and butter of angular. It’s safe to say that if you understand how directives work, you understand angular pretty well. Before writing the directive, let’s discuss the motivation. Why should you go through the trouble of writing a directive when we can can simply write the following