Building Hybrid Apps with Angular JS and IONIC... *********************************************************************** In this tutorial, you learn how to build a native-like mobile application with Ionic and AngularJS. You build a Conference application that allows the attendees of a conference to browse through the list of sessions, and share information on Facebook.

1. AN OPEN SOURCE FRAMEWORK FOR DEVELOPING HYBRID APPS

2. WHAT IS IONIC ?

3. IONIC Is an HTML5 mobile app development
framework targeted at building hybrid mobile
apps. Hybrid apps are essentially small websites
running in a browser

4. HISTORY
• IONIC was founded by DRIFTY CO. , BEN SPERRY and MAX
LYNCH. in 2012.
• IONIC was created by drifty co. In 2013. Drifty's prior
products include codiqa and jetstrap.
• Today, IONIC is the world's most popular cross-platform
mobile development and 5 Million developers

5. WHY USING IONIC !

6. • Is open source framework.
• One source for all the supported platforms.
• Main development in html, css and js, which
almost all web developers.

7. IONIC STACK

8. • Powerful CSS
preprocessor
• Helps keep large
style sheets
• A streaming built
system.
• Automate common
tasks, minification,
compiling, etc.

9. COMPONENTS OF IONIC

10. ADVANTAGES
• IONIC solves multiple device resolution issues.
• It has own icons (IONICONS).
• Less time building your app.

11. IONIC APP RUN ON MANY PLATFORMS
• Amazon Fire OS
• Android
• BlackBerry
• Firefox OS
• IOS
• Mac OS X
• UBUNTU
• Web OS
• Windows phone
7
• Windows phone
8
• Browser

12. LETS BUILD . .

13. • First Install JDK
• Next install Node.Js
• Then install Apache cordova and ionic.
• Add ionic templates.
• Start a project.
• Install Visual Studio code (for edit your app)

14. DOWNLOAD AND INSTALL JDK
Following Link :
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-
138363.html

15. DOWNLOAD AND INSTALL NODE.JS
Following Link :
https://nodejs.org/en/download/

16. install Apache cordova and ionic.
• Open Terminal window
npm install -g cordova ionic
• Windows • MAC OS
sudo npm install -g cordova ionic
• If you have already installed Apche cordova and ionic
npm update -g cordova ionic sudo npm update -g cordova ionic

18. START A PROJECT
Ionic serve Ionic serve --lab

19. • Install and download Visual Studio Code
• Then you can open a project using Visual
Studio code.
• After you can edit your App.
Following Link :
https://code.visualstudio.com/download

20. REFERENCES
• HTTPS://IONICFRAMEWORK.COM/DOCS/
• HTTPS://GITHUB.COM/DRIFTYCO/IONIC
• HTTPS://EN.WIKIPEDIA.ORG/WIKI/IONIC_(MOBILE_APP_FRAMEWORK)