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 🐷 + 💪 = 💱 4

“ I want to build a website. I want to build a website. - Literally Everyone in 1998 5

The Great 2006 😏 The Great 2006 6

2006 2009 2010/11 2012/13 7

“ I want to build a mobile app. I want to build a mobile app. - Literally Everyone 8

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

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

It's not 2007 anymore It's not 2007 anymore 11

There's no Web SDK! There's no Web SDK! 12

Ionic to the rescue 💫 Ionic to the rescue 13

14

WEB TECHNOLOGIES YOU ALREADY WEB TECHNOLOGIES YOU ALREADY KNOW & LOVE KNOW & LOVE 15

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

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

How does it all fit together? 18

Angular 2 Modern JavaScript ES2015 Arrow Functions, Classes, Template Strings TypeScript Modular, Object-Oriented JavaScript 19

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

Ionic UI Components 21

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

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

24

IONICONS IONICONS Premium Icons, Free Price. http://ionicons.com 25

MIT LICENSED MIT LICENSED Free to use (even commercially) Free to use (even commercially) 26

World Class Developer Tools World Class Developer Tools (Built in serving, emulating, running, live reload, and more) 27

28

29

30

31

Prototype apps with Creator A simple drag-and-drop prototyping tool for creating real Ionic apps. http://UseCreator.com 32

33

34

35

36

37

38

39

Featured Enterprise Users Featured Enterprise Users 40

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 ionic.io/enterprise 41

42

Find Everything Ionic: http://ionic.io/discover This Presentation: http://slides.com/mattkremer/ionic- superpowered/ Find Matt: @matthewkremer 43