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:
NEW Create next level Ionic applications by harnessing the power of the Ionic Animations API and Gestures.
Utilise these powerful APIs to design and build your own custom animations and interactions. No external libraries required, everything is built with just Ionic. Learn more.