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.