Tagged: ionic

Security in Ionic

Basic Security for Ionic & Cordova Applications

Security is a difficult topic, experts spend their careers learning and researching, and new threats are constantly arising. As new technology comes out, so do new threats. As developers, we may not always be able to do make our applications impervious to attacks, but it’s our responsibility to ensure we at least take some basic […]

Ionic and Wordpress

Is Ionic the WordPress of the Mobile App World?

Max Lynch, co-founder and CEO of Ionic, often states that the vision for Ionic is to be like the WordPress for mobile. Take a look at this quote from an appearance Max made on the FlyoverLabs podcast: It’s a vision that makes a lot of sense given the success of WordPress (see point #6), and […]

Ionic 2 Beta

7 Reasons Why Ionic 2 Is Better Than Ionic 1

When Ionic 2 was first released I was excited about it, but I also shared the thoughts of many Ionic 1 developers which would be something along the lines of: “Oh man, I was just getting comfortable with Ionic 1 and now I have to learn another framework?”. It comes with the territory that we […]

Convert Ionic 1 to 2

How to Convert an Ionic 1 Application to Ionic 2

If you’ve taken a look at Ionic 2, then you know it looks pretty different to Ionic 1. Should you want to migrate to Ionic 2, this might leave you wondering how to convert your existing Ionic 1 app into a working Ionic 2 app. In this tutorial I’m going to walk through an example […]

AngularJS

What’s the Difference Between Ionic and AngularJS?

If you’re familiar with Ionic and Angular and the roles they play then the question posed in the title probably sounds a bit silly, but I quite often see questions like: “Is PhoneGap better than Ionic?” which don’t really make a lot of sense. PhoneGap and Ionic serve two completely different roles – Ionic is […]

CSS Animations

How to Create Animations with CSS in Ionic

Animations are one of the little details that can make an average mobile app outstanding. You need to be careful with animations though, especially with HTML5 based mobile applications, as they can perform poorly if not done correctly and make your appear amateurish. I’ve touched on this subject before when discussing how to make high […]

Login Form with Flexbox

Creating an Attractive Login Screen in Ionic with Flexbox

The difference between a good app and a great app is in the little details. I think the two biggest contributing factors to what makes an app feel great is paying attention to performance and the design. Ionic provides a great range of default styling for CSS components, which do look great and simplistic, but […]

Firebase Logo

Create a Real Time Chat App with Ionic and Firebase

In my last Firebase tutorial we used Firebase to create a simple authentication system with email and Facebook support in Ionic. Services like Firebase make it super easy to do things like this – handling authentication yourself can be quite the task. Authentication, as useful as it is, is a bit boring though. So in […]

Spotify Ionic

Building a Simple Spotify Player with Ionic

Simon Reimler of Devdactic has dropped by this week to drop some knowledge on how you can integrate an Ionic app with the Spotify API to create a sweet music player. Simon knows more than a thing or two about Ionic and has just launched his own video course Ionic by Doing. Enjoy! Spotify is […]

How to Create a Nested Tab View in Ionic

Among the many useful JavaScript components Ionic offers, the tabbed view is perhaps one of the most commonly used user interface elements. Tabs can sit either at the top or bottom of your application and allow the user to switch through different views. Here’s a tab view I’ve implemented for an app I’m working on […]

Monitoring

Monitoring Online and Offline States in an Ionic Application

The ability to pull in data from the Internet is something many mobile applications rely on. Mobile devices don’t always have access to the Internet though, so we need to make sure that our applications either continue to work offline or at least display an appropriate error message to the user. If you’ve designed your […]

ngCordova

Installing ngCordova in an Ionic Application

In just about any Ionic tutorial I write that uses Cordova plugins, I use ngCordova. So, instead of writing a mini tutorial on how to get it up and running and what exactly it does in all of those tutorials, I thought it would make sense to do a single post explainining it in a […]

Ionic Push

An Introduction to Ionic Push

The Ionic team have been more than a little bit busy lately. Not only have they just recently officially launched the 1.0.0 release of Ionic, they have also announced alpha versions of Ionic Push and Ionic Deploy. Ionic Deploy will allow Ionic developers to push updates to applications that are already live on the app […]