Mobile App Development Using Ionic + DNN

Mobile App Development Using Ionic + DNN

David Poindexter (@davidpoindexter)Matt Kremer (@matthewkremer )

Who Are We?David PoindexterCEO of nvisionative, Inc. / Mobile Applifywww.nvisionative.com / www.mobileapplify.com Co-President of Southern Fried DNNwww.southernfrieddnn.com Co-Organizer of DNN Summit Denver 2017www.dnnsummit.org Long-standing member of DNN Community

Contact Info• Email: dpoindexter@nvisionative.com• Phone: (704) 248-7968, x301• Twitter: @davidpoindexter

@nvisionative @mobileapplify

Who Are We?

“There’s an app for that, right? - Literally Everyone

“There’s an app for that, right? - Literally Everyone

Powerfully Creative

WEB TECHNOLOGIES YOU ALREADYKNOW & LOVE

Where does DNN fit in?

Web Content

Ionic + DNN Web API

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 environmentSingle code base across native and the web

It’s not 2007 anymore

There’s no Web SDK!

Ionic to the rescue 💪

WEB TECHNOLOGIES YOU ALREADYKNOW & LOVE

SUPERPOWERED BYANGULAR

Extends HTML with new tagsBuilt on the future of JavaScript

Optimized for large-scale app developmentHigh 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?KNOW & LOVE

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

Ionic V2 Conference AppAn example app written in

V2 to showcase improvements

 Beautiful Animations

Superior SpeedPush / Pop Navigation

New Components 

https://matthewkremer.github.io/ionic-presentation-demos/conference-app/

Let’s build an app!

Q & A