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 […]
↧
Is Ionic the WordPress of the Mobile App World?
↧
Test Driven Development in Ionic 2: Services and Templates
Throughout this tutorial series, we have been learning various methods for unit testing Ionic 2 applications and using a Test Driven Development approach to building an application. In the previous tutorials we have covered: How to set up unit testing in an Ionic 2 application What Test Driven Development (TDD) and Behaviour Driven Development (BDD) […]
↧
↧
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 […]
↧
Automatically Generate Splash Screens and Icons with Ionic CLI
When submitting applications to the app stores we need to supply an icon for the application that is used to display the application on the user’s home screen or applications menu, and a splash screen that is displayed when the app launches. That doesn’t sound like too much of a task, but there are a […]
↧
Anatomy of a Phaser Project
If you’re new to building HTML5 games with Phaser, like with any new language or framework, it can be quite a hurdle just to grasp the structure and the basic idea of how it all works. In this video tutorial, I will walk through the general structure of a Phaser project and the important parts […]
↧
↧
How to Create a Sliding Drawer Component for Ionic 2
Since I create a lot of content, I often ask for suggestions on tutorials I should write. If I find a suggestion is particularly interesting or I think it will benefit a lot of people, I’ll generally end up creating a tutorial at some point – so do feel free to suggest them. The other […]
↧
How to Fix Common TypeScript Errors in Ionic 2
Early on in the development of Ionic 2, the team decided to fully embrace TypeScript over plain ES6 JavaScript. All Ionic 2 projects use TypeScript by default, and it’s quite difficult to modify the project to be rid of TypeScript. TypeScript is really just JavaScript with some added bonuses, though, so there are not really […]
↧
Reordering a List in Ionic 2
It’s super easy to create lists in Ionic 2, and it’s also super easy to allow a user to reorder them. With the addition of a simple attribute, you can turn your normal <ion-list> into a reorderable one. In this video tutorial, I walk through exactly how to create a reorderable list in Ionic 2. […]
↧
Building an Absolute Drag Directive in Ionic 2
Recently I sat down to record a screencast of myself building out a new directive in Ionic 2. It was quite a simplistic directive, but the intent was to build it from start to finish with no prior planning involved so that I could show people the types of roadblocks I run into and the […]
↧
↧
An Introduction to Observables for Ionic 2
Observables are one of those new tricky things you will almost certainly run into at some point when building an application with Ionic 2. They can seem a little weird and overwhelming at first, and you might wonder “why can’t we just stick to promises?“, but they are quite beautifully implemented. At a basic level, […]
↧
Increasing Performance with Efficient DOM Writes in Ionic 2
I’ve touched on this point many times in the past, so I will only make it briefly now. Ionic and HTML5 mobile applications in general, make it super easy for people to build mobile applications, but it also makes it super easy to build bad applications. It’s not always easy to build good applications with […]
↧
CouchDB, PouchDB, and Ionic 2: An Introduction
Databases. The creatures that often live somewhere in the cloud and hoard all of the data for your application. Although they can be troublesome to work with, they allow you to turn your isolated application into one that can share and communicate with the world. There are many different options available, and different options are […]
↧
E2E (End-to-End) Testing in Ionic 2: An Introduction
Over the past few weeks, I have been releasing a series of tutorials on creating automated tests for Ionic 2 applications. The tutorials so far have focused on how to apply the Test Driven Development (TDD) methodology to unit test an Ionic 2 application. If the concept of automated tests is new to you, or […]
↧
↧
Listening to Events on a Host Element in Ionic 2
When creating a custom directive (and in other circumstances) you may be interested in listening for events that are happening on the host element. Let’s say for example that I created a custom directive that I wanted to attach to the <ion-content> component, like this: The host element, which is <ion-content> in this example, may […]
↧
How to Send Data with POST Requests in Ionic 2
In the past, we have covered how to make a simple GET request to load data from a server, and for the most part, making a POST request is pretty much the same. There are a few key differences, though, including the fact that a POST request also includes a body, and there’s also a […]
↧
CouchDB, PouchDB, and Ionic 2: Querying Data with MapReduce
In the first tutorial of this series I introduced CouchDB at a high level and touched on why you might want to use CouchDB over some other options, and why I think it makes a great companion for Ionic 2 applications. We mostly talked about CouchDB at a conceptual level, but in this tutorial, I […]
↧
E2E (End-to-End) Testing in Ionic 2: Structuring Tests with Page Objects
In the first post in this series I wrote about how to create E2E (End-to-End) tests for Ionic 2 applications. This was a very basic introduction that focused on the general concept and getting a bare bones example up and running. I intend to create a few more tutorials that will go a little more […]
↧
↧
Phaser Fundamentals: Handling Collisions
When building a game with Phaser you will likely have various objects on the screen. You might have the players character, a floor or some walls, some enemies, items, and so on. These entities are going to need to interact with one another in some way to make the game playable. If a player touches […]
↧
“Live” Coding a Custom Directive in Ionic 2
I’m trying something a little bit different with this video. Most of the videos I create aren’t scripted, but I do have a general plan of attack before recording and, more or less, know what I am going to say and do. I’ve created multiple custom components and directives in the past, and have done […]
↧
[VIDEO] Basic Security for Ionic & Cordova Applications
I recently wrote an article with some basic security advice for Ionic and Cordova applications, but I thought it would be worthwhile discussing those concepts in a little more depth. In this video tutorial, I talk through the concepts that I brought up in the security article. Here’s the video: Video Notes You don’t need […]
↧