“I want to build an app!”
HTML5 that acts like native
Web wrapped in native layer
Direct access to native APIs
Familiar web dev environment
A single code base (web platform!)
“It’s not 2007 anymore”
Year | Device | Processor | RAM |
---|---|---|---|
2007 | iPhone | 400 MHz | 128 MB |
2010 | iPhone 4 | 1 GHz | 512 MB |
2015 | iPhone 6 | 1.4 GHz dual-core | 1 GB |
caniuse.com is lookin’ pretty good nowadays
Android is now Chromium-based
iOS users keep their devices up-to-date
https://mixpanel.com/trends/#report/ios_8/from_date:-141,report_unit:day,to_date:0
https://mixpanel.com/trends/#report/android_os_adoption
Common UI, APIs, views, navigation, stack history, transitions, interactions, gestures, etc.
(You’ll feel right at home)
Extends the HTML vocabulary
Proven for large-scale app development
UI Components using Directives & Services
CSS generated from the Sass preprocessor
Quickly give your app its own look and feel
CSS designed to be easily overridden
Variables based with default settings
Apache Cordova/PhoneGap is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript.
List Item {{ item.id }}
{{ c.name }}
{{ c.email }}
Left Menu
...
700+ MIT licensed font-icons included
...but there’s more to Ionic
npm install -g ionic
Boilerplate app structure ready for customization
LiveReload both local and native builds
Build and run native apps
Chromium for Android WebViews
Upgrade Android 4.0+ and above
Same hardware, modern software
Amazing performance improvements
Getting started guide
ionicframework.com/getting-started
Documentation
ionicframework.com/docs
Visit the Community Forum
forum.ionicframework.com
Contribute on GitHub
github.com/driftyco/ionic
</html>
Chris Griffith
San Diego, CA
@chrisgriffith
http://chrisgriffith.wordpress.com
https://github.com/chrisgriffith