Tagged: beginner

Ionic Package

Building Ionic 2 Applications for iOS without a Mac

When it comes to building iOS applications on a Windows machine, it’s not an easy process. It feels like Apple is fighting you every step of the way, but it is possible. In fact, when I first got into mobile development I did this for about 2 years. An Ionic 2 application is built with […]

Custom Components in Ionic 2

Custom Components in Ionic 2

The Ionic 2 library provides a wide range of default components – likes lists, segments, and cards – that can easily be added to your applications, but sometimes it is useful to build your own custom components. Building your own custom component isn’t all that different from building a normal page in Ionic 2 (they […]

Saving Data in Ionic 2

A Simple Guide to Saving Data in Ionic 2

Many applications require the ability to save data in some manner so that a user can perform some actions in the application, close the application, and have the application remember the user’s input from the last time they opened the application. By default, anything you do within your application is just going to be lost […]

Property Binding and Event Binding in Ionic 2

Component and Template Interaction in Ionic 2

Each page in an Ionic 2 application is a component, and every component has a class definition in a TypeScript file, and an HTML template. The class and the template have a very important relationship and need to be able to communicate effectively. In this video tutorial, I introduce the concepts of Property Binding, Event […]

Hacking CSS in Ionic 2

When styling Ionic 2 applications, there are several different methods available to you. You can use Ionic’s built in utility attributes, you can overwrite SASS variables or create your own, and you can also define your own custom CSS rules. It can be hard to understand what to use and when, though. In this video […]

Git and Ionic 2

How to Use Git with Ionic 2 Projects

Git is an essential tool for developers, but it can be a bit intimidating at first. It has massive benefits even if you are just working by yourself, but once you start working in a team environment it becomes an absolute essential. In short, using Git will allow you to: Create an online backup of […]

Lists in Ionic 2

An Introduction to Lists in Ionic 2 & 3

Lists are one of the most common interface elements in mobile applications. They are an efficient way to display lots of information in a small space and the act of scrolling through a list is basically second nature for most mobile users. Facebook uses a list for their news feed, as does Instagram and many […]

TypeScript vs ES6

Ionic 2: TypeScript vs ECMAScript 6

The title of this post, although it describes the intention, might be a little bit confusing. TypeScript and ECMAScript 6 (ES6) are not really two different things battling it out, TypeScript is just an extension of the standard ECMAScript 6 syntax. If you’ve done any research into what TypeScript is you may have seen it […]

A Simple Guide to Navigation in Ionic

If you come from an Ionic 1.x or AngularJS background, then you would be used to handling navigation through routing with URLs, states, and so on. In the newer versions of Ionic, it will actually be possible to use this style of navigation with Ionic, but we will be focusing on the “standard” navigation when […]