Ionic FrameworkIntroduction to Hybrid Mobile Development

Talking Points

1.About Me

2.Native vs. Hybrid Mobile Development

3.What is Cordova/Phonegap?

4.What is Ionic framework?

5.Features of Ionic

6.Pros and Cons of Native and Hybrid Development

7.The future of Ionic and hybrid development

About Me

JS and PHP Developer

Two mobile apps in the App Store and Play Store (DipQuit and CigQuit).

From NJ now living in St. Petersburg, FL

Native Development

Native Development Problems

Native Development Problems (cont.)

Introduction to Hybrid Mobile Development

But how does it work?

orCordova Phonegap

What is Cordova and Phonegap?

~=

What is Ionic?

A very popular framework to build hybrid mobile applications.

Built on top of Cordova.

Built with AngularJS.

Custom CSS classes for native-looking components.

Makes things like transitions, reordering lists, loading spinners, and many more a breeze.

Installing Ionic

npm install -g cordova ionic

Starting a project

Let’s start a project!

ionic start testApp sidemenu

ionic platform add android

ionic run android

Web View

ionic serve

ionic serve --lab

Ionic CSS Components

http://ionicframework.com/docs/components/

http://ionicons.com/

But can Ionic do THAT?

YEShttp://ngcordova.com/docs/plugins/

When to use Hybrid vs. Native

Hybrid Native

● Cheaper.● Less code to write.● Slower.● Less learning

curve.● Can debug in

browser.● Use common

technologies.

● Faster.● Can talk directly to

hardware.● Don’t have to rely

on third party plugins.

● More code to write.● More expensive.● More of a learning

curve.

● Submit to app stores.

● Can access all of phones features

The future of hybrid development

Any questions?