If you love HTML, CSS, and Javascript, then you will absolutely love mobile app development using Ionic! Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components and tools for building highly interactive native and progressive web apps. Built with Sass, optimized for AngularJS. And with DNN for the back-end, it is an open source match made in heaven! https://livestream.com/accounts/23001499/events/6898871/videos/147256814

1. Mobile App Development
Using Ionic + DNN
David Poindexter (@davidpoindexter)
Matt Kremer (@matthewkremer )

2. Who Are We?
David Poindexter
CEO of nvisionative, Inc. / Mobile Applify
www.nvisionative.com / www.mobileapplify.com
Co-President of Southern Fried DNN
www.southernfrieddnn.com
Co-Organizer of DNN Summit Denver 2017
www.dnnsummit.org
Long-standing member of DNN Community
Contact Info
• Email: dpoindexter@nvisionative.com
• Phone: (704) 248-7968, x301
• Twitter: @davidpoindexter
@nvisionative
@mobileapplify

3. Who Are We?

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

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

6. Powerfully Creative

7. WEB TECHNOLOGIES YOU ALREADY
KNOW & LOVE

8. Where does DNN fit in?

9. Web Content

10. Ionic + DNN Web API

11. 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

12. 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

13. It’s not 2007 anymore

14. There’s no Web SDK!

15. Ionic to the rescue 💪

17. WEB TECHNOLOGIES YOU ALREADY
KNOW & LOVE

18. 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

19. 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

20. How does it all fit together?
KNOW & LOVE

21. 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.

22. Ionic UI Components

24. Ionic V2 Conference App
An example app written in
V2 to showcase
improvements
Beautiful Animations
Superior Speed
Push / Pop Navigation
New Components
https://matthewkremer.github.io/ionic-
presentation-demos/conference-app/

31. Let’s build an app!

32. Q & A