Tagged: ionic

Sound Effects in Ionic

Sound Effects using HTML5 and Native Audio in Ionic

A big part of making a mobile application feel high quality is to provide immediate and obvious feedback for a user’s actions. When a user performs some action, you will want to communicate with them in some way that whatever action they have performed has been successful. That information can be communicated visually, through sound, […]

Now vs Later

Asynchronous vs Synchronous: Understanding the Difference

Understanding the difference between asynchronous and synchronous code, as well as its implications, is an important topic and I have covered it a couple of times previously. Recently, I wrote an article that discussed a common asynchronous situation in Ionic that can lead to confusion. Click here to watch the video on YouTube I thought […]

Async/Await

Using Async/Await Syntax for Promises in Ionic

When TypeScript 2.1 was released, support for Async/Await came with it. It is not really an entirely new concept, but it does allow you to deal with asynchronous situations that Promises create using a more succinct syntax. Since Ionic is now using TypeScript 2.2.1 at the time of writing this, we are able to make […]

Speed Reader in Ionic

Building a Custom Speed Reading Component in Ionic

Recently, I released a two part screencast where I walked through building a speed reading component in Ionic. These type of videos typically revolve around me attempting to create something from scratch without anything planned out beforehand, so often the final product is close but not completely finished. After I record the video, I generally […]

Now vs Later

Dealing with Asynchronous Code in Ionic

One of the most common things that I see people get tripped up on when learning Ionic is the difference between synchronous and asynchronous tasks and how to appropriately handle results from an asynchronous task. People may often be led to believe that something in their code or the Ionic framework is broken because they […]

Styling in Ionic

Drab to Fab: Styling an Ionic Application – Part 1

I’ve spent the past few weeks creating a series of tutorials on using CouchDB and PouchDB in Ionic and in that series we’ve managed to build out quite a lot of functionality. There was absolutely zero thought of effort put into the design though, all the work was purely functional, so I thought it would […]

Export and Import

An Introduction to ES6 Modules for Ionic Developers

Ionic applications rely heavily on the concept of modules, which is functionality that was introduced in the ES6 specification for Javascript. Technically, Ionic applications use TypeScript syntax not just plain ES6, but TypeScript is just an extension of ES6 so the concept is the same. To put everything into context, the Javascript that developers have […]

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 […]