MOBILE APP DEVELOPMENT
WITH A SUPERPOWERED PLATFORM
The Struggle
Matt Kremer's Super Duper Pooper Scooper Service
🐶 + 💩 = 💰
I want to build a website.
- Literally Everyone in 1998
The Great 2006 😎
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
Premium Icons, Free Price.
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.
Featured Enterprise Users
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:
This Presentation:
http://slides.com/mattkremer/ionic-superpowered/
Find Matt:
Ionic: Mobile App Development with a Superpowered Platform
By mattkremer
