1. Chapter 2 Ionic Installation
Yeunyong Kantanet
School of Information and Communication Technology
University of Phayao

2. Platform notes Ionic targets iPhone and Android devices (currently)
support iOS 6+, and Android 4.0+ (though 2.3 should work)
there are a lot of different Android devices, it’s possible certain ones might not work
looking for help testing and improving our device compatibility and would love help from the community on our GitHub project.

3. Platform notes
Ionic has been developed at various times on Mac OS X, Linux, and Windows.
need to use the command line in order to follow this guide and you must have OS X in order to develop and deploy iPhone apps, so OS X is recommended if possible.

4. Platform notes
If you are on Windows, make sure to download and install Git for Windows and optionally Console2.
You will be executing any commands in this guide in the Git Bash or Console2 windows.

5. Platform notes [install Git for Windows]
Download Git :
Install Git for Windows

6. Platform notes [install Console2]
Download Console2 :
Install Console2

7. Platform notes
First, we will go and install the most recent version of Apache Cordova, which will take our app and bundle it into a native wrapper to turn it into a traditional native app.
To install Cordova, make sure you have Node.js installed, then run

8. Platform notes [install Node.js]
Download Node.js :
Install Node.js

9. Platform notes [install Node.js]

10. Platform notes [install Node.js]

11. Platform notes [install Node.js]
Open Command line (cmd.exe)
|npm -version

12. Install ionic Open Command line (cmd.exe)
|npm install –g cordova ionic

13. Install ionic

14. Create the project Open Command line (cmd.exe)
|ionic start firstapp blank

15. Create the project

16. Create the project

17. Run the project (web browser)
Open Command line (cmd.exe)
Access to your project folder (ex. firstapp)
|ionic serve firstapp

18. Run the project (web browser)

19. Run the project (ionic view)
Register :
Or Register via Application
Download App : Ionic View
- Google play
- Apple Store

20. Run the project (ionic view)
Go to the created app
|$ cd firstapp
|$ ionic io init
( and Password)
|$ ionic upload

21. Run the project (ionic view)

22. Q&A
The End