Understanding Tabs In Ionic Framework

A very popular pattern on all mobile platforms is the tabbed interface. This interface is especially popular on iOS where it is encouraged by Apple’s design language over a side menu. It has the advantage that the user can see all of the options available to them whereas a side menu’s options are hidden by design.

Ionic has a very simple tabs directive allowing you to implement these kind of interfaces with lots of options for different styles (icons only, text only, text and icon). In this tutorial, we’ll take a look at the ionic-starter-tabs project on GitHub and break it down piece by piece to get a good understanding of how it works.

Debugging Your Android Source Code With ADB

Debugging your source code is a critical part of any application development process and Android is no exception.

A lot of people post comments or email me asking me to help them with their application that isn’t working. The first thing I try to ask for are the log files. I do this because 90% of the time, the log files have an error message that tells us exactly what line the error is on.

Open Dynamic Links Using The Cordova InAppBrowser

Previously I had written a post regarding how to use the Apache Cordova InAppBrowser plugin to launch external URLs in an Ionic Framework application. This previous post was basic and was only enough to get you started.

Since then, I’ve been asked a few times how to use the InAppBrowser as the default method to launching URLs. More specifically, URLs that have been created dynamically by users.

Use ngStorage For All Your AngularJS Local Storage Needs

I’ve been doing a lot of work with AngularJS lately, and in particular Ionic Framework. However, up until recently I have been using either HTML5 local storage or SQLite.

Now I’ve switched gears and started using the AngularJS module ngStorage which has made my life a lot easier.

Extract An Android APK And View Its Source Code

So you’ve just made an Android application. One that took you ages to complete and something that you feel proud of. What is going to stop someone from stealing your logic and source code? How easy is it to obtain? The short story is that your source code is not safe by default and it is very easy to obtain.

This tutorial is going to be broken up in two parts.

1. Extract the source code from a native Android application
2. Extract the source code from a hybrid Apache Cordova / Ionic Framework / Phonegap application

Both are designed differently, but the source code is just as easy to access. For each of these application types, you will see how to better protect your code using obfuscation practices.

Create, Delete, And Search Contacts In Ionic Framework

When you make an app or service, you may find your self wanting to strengthen the user experience by connecting with friends in some fashion. Applications like Facebook and Twitter allow you to search your contact book for friends that are already using their service. If your friend isn’t using the service, you have the option to invite them.

Using native Android and iOS code could make this process very painful for the developer as it is lengthy and difficult. Lucky for us, we are using Apache Cordova with Ionic Framework and there is a plugin for us that takes all the pain away.

The following steps will show you how to create, delete, and find all device contacts in your Ionic Framework project.

Using Slide Boxes and Tabs in Ionic Framework Apps

One of my Twitter followers recently asked me to do a tutorial on the topic of Ionic Framework slide boxes and tabs. I’m always up for a challenge, so I decided to attempt to meet his requests.

In this article we are going to discuss creating an application that makes use of tabs, slide boxes, and cards. The theme of the application will be cars, where two tabs will represent the interior and exterior photos of cars and the third tab will contain information.