MOBILE APP DEVELOPMENT
WITH A SUPERPOWERED PLATFORM

I want to build a website.

- Literally Everyone in 1998

2006

2009

2012/13

2010/11

I want to build a mobile app.

- Literally Everyone

Building Apps is HARD

  • Proficiency in each targeted platform
  • Domain-specific language to learn
  • Entirely separate code bases
  • Expensive development (time and cost)
  • Lack of portability with native approaches

Enter HYBRID APPS

HTML5 with platform-specific UI

Full access to native APIs and SDKs

Familiar web development environment

Single code base across native and the web

It's not 2007 anymore

There's no Web SDK!

Ionic to the rescue 💪

WEB TECHNOLOGIES YOU ALREADY

KNOW & LOVE

SUPERPOWERED BY

ANGULAR

Extends HTML with new tags

Built on the future of JavaScript

Optimized for large-scale app development

High performance for fast and fluid mobile apps

Sass!

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

How does it all fit together?

Angular 2

Modern JavaScript

ES2015

Arrow Functions, Classes, Template Strings

TypeScript

 

Modular, Object-Oriented JavaScript

Ionic is an ecosystem for building top-notch hybrid mobile apps. From open source projects, to front-end tools and backend services, here’s everything we offer.

Ionic UI Components

Super Fast Lists

<div class="list">
  <div collection-repeat="c in contacts">
    <h2>{{ c.name }}</h2>
    <p>{{ c.email }}</p>
  </div>
</div>
  • Replacement for Angular's ng-repeat
  • Inspired by iOS’s UICollectionView
  • Scroll through thousands of items
  • Only renders the viewable items
  • Smooth scrolling!

Ionic V2 Conference App

An example app written in V2 to showcase improvements

 

Beautiful Animations

Superior Speed

Push / Pop Navigation

New Components

 

https://github.com/driftyco/ionic-conference-app

Premium Icons, Free Price.

http://ionicons.com

IONICONS

MIT LICENSED

Free to use (even commercially)

World Class Developer Tools

(Built in serving, emulating, running, live reload, and more)

Prototype apps with Creator

A simple drag-and-drop prototyping tool for creating real Ionic apps.

http://UseCreator.com
 

Featured Enterprise Users

ionic.io/enterprise

Keep your productivity high and your apps secure

 

The same Ionic Framework you know and love, enhanced with enterprise security best-practices, hot fixes, support SLAs, and more

Find Everything Ionic:

 

http://ionic.io/discover

 

This Presentation:

 

http://slides.com/mattkremer/ionic-superpowered/

 

Find Matt:

@matthewkremer

Made with Slides.com