SLIDE 1
MOBILE APP DEVELOPMENT MOBILE APP DEVELOPMENT WITH A SUPERPOWERED PLATFORM WITH A SUPERPOWERED PLATFORM
1
2
MOBILE APP DEVELOPMENT MOBILE APP DEVELOPMENT WITH A SUPERPOWERED - - PowerPoint PPT Presentation
MOBILE APP DEVELOPMENT MOBILE APP DEVELOPMENT WITH A SUPERPOWERED - - PowerPoint PPT Presentation
MOBILE APP DEVELOPMENT MOBILE APP DEVELOPMENT WITH A SUPERPOWERED PLATFORM WITH A SUPERPOWERED PLATFORM 1 2 The Struggle The Struggle 3 Matt Kremer's Super Duper Matt Kremer's Super Duper Pooper Scooper Service Pooper Scooper Service
SLIDE 2
SLIDE 3
The Struggle The Struggle
3
SLIDE 4
Matt Kremer's Super Duper Matt Kremer's Super Duper Pooper Scooper Service Pooper Scooper Service
🐷 + 💪 = 💱
4
SLIDE 5
“ I want to build a website.
I want to build a website.
- Literally Everyone in 1998
5
SLIDE 6
The Great 2006 The Great 2006 😏
6
SLIDE 7
2006 2009 2012/13 2010/11
7
SLIDE 8
“ I want to build a mobile app.
I want to build a mobile app.
- Literally Everyone
8
SLIDE 9
Building Apps is Building Apps is HARD 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
9
SLIDE 10
Enter Enter HYBRID HYBRID APPS 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
10
SLIDE 11
It's not 2007 anymore It's not 2007 anymore
11
SLIDE 12
There's no Web SDK! There's no Web SDK!
12
SLIDE 13
Ionic to the rescue Ionic to the rescue 💫
13
SLIDE 14
14
SLIDE 15
WEB TECHNOLOGIES YOU ALREADY WEB TECHNOLOGIES YOU ALREADY
KNOW & LOVE KNOW & LOVE
15
SLIDE 16
SUPERPOWERED BY SUPERPOWERED BY
ANGULAR 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
16
SLIDE 17
Sass! 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
17
SLIDE 18
How does it all fit together?
18
SLIDE 19
Angular 2 Modern JavaScript ES2015 Arrow Functions, Classes, Template Strings TypeScript Modular, Object-Oriented JavaScript
19
SLIDE 20
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.
20
SLIDE 21
Ionic UI Components
21
SLIDE 22
Super Fast Lists 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!
22
SLIDE 23
Ionic V2 Conference App 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
23
SLIDE 24
24
SLIDE 25
Premium Icons, Free Price. http://ionicons.com
IONICONS IONICONS
25
SLIDE 26
MIT LICENSED MIT LICENSED
Free to use (even commercially) Free to use (even commercially)
26
SLIDE 27
World Class Developer Tools World Class Developer Tools
(Built in serving, emulating, running, live reload, and more)
27
SLIDE 28
28
SLIDE 29
29
SLIDE 30
30
SLIDE 31
31
SLIDE 32
Prototype apps with Creator
A simple drag-and-drop prototyping tool for creating real Ionic apps. http://UseCreator.com
32
SLIDE 33
33
SLIDE 34
34
SLIDE 35
35
SLIDE 36
36
SLIDE 37
37
SLIDE 38
38
SLIDE 39
39
SLIDE 40
Featured Enterprise Users Featured Enterprise Users
40
SLIDE 41
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
41
SLIDE 42
42
SLIDE 43
Find Everything Ionic: This Presentation: Find Matt: http://ionic.io/discover http://slides.com/mattkremer/ionic- superpowered/ @matthewkremer
43