Want to Drive Innovation through Crowdsourcing? Learn the 5 Steps Get the eBook ×

Ionic – Dip Your Toe In

By gregb In Uncategorized

Posted July 10th, 2015

Let’s build our first Ionic app! This application will initially target iOS and utilize a simple API to display challenge information from topcoder.

This post is part of an ongoing series:

I’m developing on a Mac, so all examples will be from my machine.

Part 1 – Initial Setup

In part one, we’ll get the basic Ionic environment set up.

Ionic provides their own command line tool which is used for the majority of Ionic functions (building, installing addons, uploading your builds, launching the emulator, …etc).

Let’s get that installed. Installation takes place using NPM.

Now lets create our Ionic project. There are several templates you can start with, we’ll start with the sidemenu template here.

During the creation process, you’ll be prompted to create an Ionic account. You should take this opportunity to set it up if you don’t already have one.

That’s it: Ionic installed – check, project created – check.

What do we get for our effort? Let’s see:

On to part two: A Few of My Favorite Things