In the last post we [installed Ionic and generated our first application]. We also looked at creating an [ionic.io] account and uploading the application to it (with that done you can test your applications on your device right away by downloading the [Ionic View] app).
Now we need to learn how to start using Ionic. As always, the best place to start is the [documentation]. Ionic’s documentation is especially user friendly, and you can see at a glance all the different topics you should be focusing on.
If you first head to the [Overview] page you will see a lot of the stuff we have already done mentioned. There is also some additional information mentioned though, specifically that:
- Ionic supports SASS
- Ionic comes with an [icon pack]
- Ionic uses the MIT license, meaning you can use it in personal or commercial projects for free
Next, head to the [Ionic Book] section of the documentation. You can skip straight to Chapter 3 – Starting your app if you’d like but it may be worth while to have a read of Chapter 1 – What is Ionic as well. If you don’t end up reading the first Chapter, here’s a few important quotes I’ve pulled from there:
If you’re reading this as a Sencha Touch developer then all this should sound pretty much the same to you (aside from the Angular bit of course). If this is your first experience with a HTML5 mobile framework then perhaps [a little more background] will help.
[Chapter 3] walks you through building your first application with Ionic, a simple to do list app. The to do list and note taking applications are about as common as “Hello world!” apps for getting started – they’re a bit dull but are a good place to start learning. There’s no point in me duplicating the tutorial here so make sure you head over to the Ionic website to [complete the tutorial].
Remember, you will need to create a new blank Ionic App first by running: