Ionic is an open-source SDK for developing hybrid mobile apps using web technologies like HTML5, CSS, and JavaScript. It builds on top of AngularJS and Apache Cordova. Ionic provides tools and services to create hybrid apps that can access device capabilities like the camera and contacts through Cordova plugins. Developing with Ionic requires knowledge of HTML/HTML5, CSS/CSS3, JavaScript, and AngularJS. New projects are started using the Ionic CLI, which provides templates for common app types, and platforms can be added to build for iOS or Android.

1. By Nirav Patel
Ionic Framework

2. What is Ionic ??
 Ionic is a complete open-
source SDK for hybrid mobile
app development.
 Built on top
of AngularJS and Apache
Cordova.
 Ionic provides tools and
services for developing
Hybrid Mobile Apps using
Web technologies
like CSS, HTML5, and Sass.

3. Framework for Hybrid App
development
 Ionic
 Cordova ( PhoneGap )
 Appcelerator Titanium
 Intel XDK
 Kendo UI
 Etc…

4. What is Hybrid App ??

5. Apache Cordova plug-in for Hybrid
App
 Camera
 Geo-Location
 Media
 File
 Device Motion
 Contact
 Clip-board
 Touch ID
 Etc…

6. What you Know before learn Ionic??
 HTML / HTML5
 CSS / CSS3
 JavaScript
 AngularJS

7. How to install Ionic
 Install Node.js
 Open nodejs command prompt.
 Type : npm install –g cordova ionic

8. Start Ionic Project
 Inside Node.js command prompt
 Ionic provide some default project view.
 Blank
 Tabs
 Sidemenu
 For start project
 Ionic start myProject blank

9. Run ionic project
 Ionic serve --lab

10. Add Platform in ionic app
 For create iOS/Android platform
 Ionic platform add ios
 Ionic platform add android
 For Windows platform ( Use Ionic 2 )
 Now run this project according your platform.
 For iOS run in XCode / Android run in Android
Studio.