This document discusses building mobile apps using HTML, CSS, and JavaScript with frameworks like Cordova and Ionic. It outlines some of the downsides of native mobile development like requiring separate code bases for each platform. Frameworks like Cordova and Ionic allow using web technologies to build apps that can be deployed to mobile devices and access device features. Ionic in particular provides UI components and tools to simplify development of Angular apps for mobile. The document encourages trying out Ionic by installing it globally and generating a starter project.

1. MOBILE APPS WITH HTML
Mike Hartington | @mhartington

2. "I want a app!"

3. THE DOWNSIDES OF NATIVE
Proficiency in each platform required
Entirely separate code bases
Timely & expensive development
Diminishing returns

4. JS to Native?

5. SIMILAR PROBLEMS
Different code bases for each platform
Have to test on a device
What about the web?

6. CORDOVA
HTML, CSS, & JS
Deploy web apps on device
Direct access to device APIs and sensors
Prototype in browser and deploy to real device

7. PLUS

8. REUSE CODE FOR/FROM WEB APP
It's just web tech and the DOM

9. BUT NATIVE HAS IT EASY...
Common UI
Navigation and Transitions
Gestures

11. IONIC
Common Components for mobile apps
Built on Angular 1 and 2
Tooling to make life easier
Notifications, Deploy, Package

12. IONIC 1
Built with Angular 1x
Proven for large-scale webapp development
Extends the HTML vocabulary
UI Components using Directives and Services

13. IONIC 2
Currently Alpha
Built with Angular 2
Replaces ng-Specific APIs with ES6
Typescript FTW

14. @COMPONENTS FTW
Replaces old NG1 .directive
Simplified structure, just classes and annotations
Easy to compose and create your own

15. GETTING STARTED
$ npm install -g ionic@beta
$ ionic start myApp --v2
$ cd myApp
$ ionic serve

16. DEMO TIME
may the demo gods be in my favor

17. OPEN SOURCE
MIT License and free for ever (even if your app isn't)

18. COMMUNITY POWERED
Active developer forum, Slack and GitHub repo
Meetup groups all over!

19. HTTP://IONICFRAMEWORK.COM/
HTTPS://FORUM.IONICFRAMEWORK.COM/
HTTP://IONICWORLDWIDE.HEROKUAPP.COM/

20. IONIC.IO/2

21. @mhartington
</html>