How To Create A Node.js Microservice For Your Ionic App

In my previous post I created an Ionic 2 app that reads the posts from a Facebook Page and displays them in the app. I also mentioned that hard coding the Access Token for the Facebook Graph API within the app wasn't ideal, since it can be stolen by anyone who decompiles your app. In this post we'll create a very simple Node.js service that will handle the call to the Facebook Graph API for us, so we don't need to include the Access Token in our Ionic app anymore. Read More

Jumping from SQL to Firebase NoSQL Database

This is a guest post by Jorge Vergara who has written many tutorials about using Firebase in Ionic apps. In this post he writes about how to structure and update your data in a NoSQL database like Firebase. Read More

How To Query Facebook Graph API In An Ionic 2 App

In this post, we'll have a look at the Facebook Graph API and how to query it to get public posts from a Facebook Page without using any external plugins. For public posts you don't need a User Token to get access, you only need an App Token. I'll show you how to get that and then we'll build our Ionic 2 app! Read More

Exploring App Module And App Component In An Ionic 2 App

I recently upgraded all my Ionic 2 tutorials from beta versions to the latest version of Ionic 2 and I noticed that there were some changes regarding the App Module. This inspired me to dig a little bit deeper into what happens at the start of the application. In this post, we'll have a look at the functionality of both the App Component and the App Module. Read More

Why I Use Visual Studio Code For Developing Ionic 2 Apps

I've been using Visual Studio Code for almost a year now and I think it's probably the best code editor out there for developing Ionic 2 and Angular 2 apps. I know it's hard to break up with your current favorite editor, but I do think you are missing out on some great features that will help you develop your apps faster. Read More

A Beginner's Guide To Using ngrx In An Ionic 2 App - Part 2

In Part 1 of this tutorial we used @ngrx/store to manage our application state in memory. In order to persist this state, we are going to use @ngrx/effects. We are also going to use PouchDB to save the data to a local database. I won't go into the details of PouchDB in this tutorial, since it's all explained in my tutorial for PouchDB + Ionic 2. So if you're new to PouchDB, you might want to read that first before you continue with this tutorial. Read More

A Beginner's Guide To Using ngrx In An Ionic 2 App - Part 1

In this tutorial, we'll have a look at what ngrx is and how it can help you manage application state in your Ionic 2 app, or any other Angular 2 app for that matter. Read More

How To Use PouchDB + SQLite For Local Storage In Ionic 2

A year ago I wrote a tutorial on how to use PouchDB + SQLite for an Ionic 1 app. Now that Ionic 2 is in beta, I've updated the tutorial for Ionic 2 and the recently released Cordova SQLite Plugin 2. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 7

In the previous parts we tested the app in the browser for convenience, but we obviously need to test it on a mobile device itself, so let's have a look at how to deploy an Ionic app to an emulator and to a real mobile device. This post will not cover publishing an app through the App Store and Google Play Store, but I'll give you some links to articles that will guide you through that process. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 6

In this part, we'll continue with the code from the previous part and allow the user to tap on a repository in the list. The app will then navigate to a details page and display the contents of the repo's README file. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 5

Now that we have the introductions out of the way (see Part 3 and Part 4), let's go ahead and create a simple Ionic 2 app that connects to a REST API, gets some data from it and displays it in a view. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 4

In this post we'll have a first look at Angular 2 and get familiar with the TypeScript concepts of decorators and modules. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 3

The Ionic 2 and Angular 2 frameworks are both built with TypeScript and while you don't need to write your own code in TypeScript, it is recommended by both the Angular and Ionic teams. Let's find out more about TypeScript and which concepts you need to understand before you can continue to build your first Ionic 2 app. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 2

In this post we are going to set up our development environment for building hybrid mobile apps with Cordova and Ionic 2. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 1

A year ago I wrote a series of posts on how to build a mobile app with Ionic. The Ionic Team have been working on the next version of Ionic and will be releasing that in beta soon, so now is a good time to revisit that tutorial and update it for Ionic 2. This tutorial series is for web developers who don't have any previous experience with Ionic. Read More

How To Create And Display A PDF File In Your Ionic App

In this tutorial we're going to create and display PDF files using the JavaScript libraries pdfmake and PDF.js. I'll explain why I chose these libraries and then we'll create a simple PDF with some text and tables in it. Read More

Bring Your Ionic App to Life: Getting Started with D3.js

Learn how to use D3.js with this guest post by Hunter Leaman, creator of the Rapid Prototyping with Ionic: Build a Data-Driven Mobile App course. Read on until the end for a special offer! Over the past few years, D3.js has emerged as the web standard for data visualization and charting by enabling developers to take full advantage of everything modern browsers have to offer, which is a lot… you can take a look at their examples to see for yourself (there are nearly 100 of them!). In this article, I’m going to demonstrate how to install, setup, and use D3.js in an Ionic application. Read More

Are Progressive Web Apps The Future Of Mobile Apps?

Last week there was a lot of buzz about FlipKart, one of India's largest online shops, launching a progressive web app: FlipKart Lite. Why is this interesting news? Well, a progressive app can look and behave just like a native mobile app but it's still a web app, so you don't have to deploy it through the app stores. Read More

How To Set Up Quick Actions With 3D Touch For Your Ionic App

3D Touch is a new hardware feature on the iPhone 6S (Plus) that detects how much pressure a user puts on the screen. Developers can use this to define Quick Actions that will be displayed when the user touches the app icon in the Home Screen. In this tutorial we'll have a look at how to set up Quick Actions for Ionic apps. Read More

Why Did I Choose The Ionic Framework For Mobile App Development?

A reader of my blog asked me this question a few days ago and I figured others might be interested in the answer as well, so here it goes. Read More