IONIC

Advanced HTML5 Hybrid

Mobile App Framework

On top of AngularJS

and ngCordova
WTF IS NGCORDOVA?

CORDOVA WITH THE POWER OF ANGULARJS

( 63+ extensions )
OK, BUT WTF IS CORDOVA?

Apache Cordova is a platform for

building native mobile applications
using HTML, CSS and JavaScript.
 NGCORDOVA FEATURES

CAMERA TOUCH ID OAUTH

PUSH PROGRESS
GEOLOCATION
NOTIFICATIONS INDICATOR
 IONIC FEATURES

Performance - no jQuery

Native Focused

Beautiful Design

Powerful CLI - I mean, really powerful ;)

 IONIC CLI COMMANDS
ionic start [appName] tabs (no-cordova)

ionic serve (livereload & lab)

ionic platform [ios android]

ionic run/emulate

ionic resources (splash screen generator)

ionic setup sass

ionic upload

ionic help - the most important

 BUT, FIRST

INSTALL IONIC
npm install -g cordova ionic
 IONIC RESOURCES

CSS Components

Javascript API

Custom Icons

HTML5 Input Types

 CSS COMPONENTS
Header, Footer, Content

Forms

Lists, Cards

Tabs, Buttons

Grid

More
 JAVASCRIPT API
Action Sheet

Gestures and Events

Sidebar Menu, Slider

Pull to Refresh, Infinite Scroll

Modal, Popup, Loading

More
 HTML5 INPUT TYPES
Email

Tel

Search

Number

Date / Month

Password

Url ?
CUSTOM ICONS (700+)

Just visit http://ionicons.com/

 IONIC SERVICES - IONIC.IO

Creator - http://creator.ionic.io

View - http://view.ionic.io

Playground - http://play.ionic.io

Market - http://market.ionic.io/ (coming soon)

 IONIC DIRECTORY
STRUCTURE
/hooks - (ng)Cordova custom commands

/platforms - IOS, Android

/plugins - ngCordova plugins

/resources - Icon & Splash images

/scss - SASS stylesheet files

/www - ROOT directory

/www/lib - Bower packages

THATS IT!