Show Native Toast Notifications In An Ionic Mobile App

A popular way to display notifications within a mobile app is through Toast notifications. Previously I demonstrated how to display these notifications using Ionic Framework 1, but with Ionic 2 being all the rage, I figured it would make sense to demonstrate how to do this again.

iOS has no true concept of a Toast notification like Android does, but using the great plugin by Eddy Verbruggen, we can make it possible in iOS. This is the same plugin we make use of in the Ionic Framework 1 tutorial.

Create A Real Time Chat Application With The CEAN Stack and Socket.io

I’ve always wondered what it took to develop a real-time chat application. Being able to broadcast messages instantly to other people using the same application is a pretty cool concept. Since I’ve been playing around a lot with the Couchbase, Express, Angular, and Node.js (CEAN) stack, I figured it would be pretty awesome to try to make a chat application using those technologies. To make life easy, I found a pretty sweet library called Socket.io, which will do a lot of the tough broadcasting work.

We’re going to see how to create a very simple chat application, that with a little imagination, can become something incredible.

Using An Oauth 2.0 Service Within An Ionic Mobile App

Previously I demonstrated how to use Oauth in an Ionic Framework 1 Android and iOS mobile application, but with Ionic 2 becoming all the rage, I figured my old guide needed a refresher.

Modern applications are always making use of APIs and data from third party services. The problem is, these remote services require a special kind of authentication to happen in order to work with the data they manage. The most common form of authentication for web services is Oauth.

In my Ionic Framework 1 tutorial I demonstrated Google Oauth, but this time we’re going to see how to use Facebook Oauth in an Ionic 2 application.

Use SQLite In Ionic Instead Of Local Storage

Ionic 2 is becoming all the rage right now because of it using Angular. With the introduction of Angular, comes many differences in the language and framework itself. One of the most critical parts of any mobile application is its ability to save data and have it persisted when the application is launched at a later date. I demonstrated in Ionic Framework 1 how to use SQLite as a storage solution, so I figured it would be a good idea to demonstrate the same using Ionic Framework 2.

Let’s see why it might be a good idea to use SQLite in an Ionic 2 application rather than HTML5 local storage.

Navigate Between Pages In An Ionic Android And iOS App

In most scenarios, when developing a mobile application, you’re going to want multiple pages or screens for displaying information. In Ionic Framework 1, you’d use the AngularJS UI-Router to navigate between pages, but things are different when it comes to Angular and Ionic 2. The UI-Router is not present in the latest version of Ionic Framework.

We’re going to take a look at navigating around an Ionic 2 application and see how easy it is.

Using Routes In An Angular TypeScript Application

With Angular development happening in full force, I figured it was time to take a break from Angular 1 and start thinking about what it takes to make the switch over to Angular. Like with most JavaScript powered applications you will have a single page composed of partial routes and views. I previously wrote about how to navigate with the AngularJS UI-Router, but in Angular things are pretty different.

Here we’re going to take a look at using routes and views to navigate within our Angular TypeScript application.