mobile apps with html5 and javascript

11
Mobile apps with HTML5 and JavaScript @mirkokiefer Mirko Kiefer - [email protected]

Upload: mirko-kiefer

Post on 16-Jul-2015

91 views

Category:

Software


1 download

TRANSCRIPT

Page 1: Mobile apps with HTML5 and JavaScript

Mobile apps with HTML5 and JavaScript

@mirkokiefer Mirko Kiefer - [email protected]

Page 2: Mobile apps with HTML5 and JavaScript

Overview

• Why web standards?

• Just like web development?

• Technology overview

Page 3: Mobile apps with HTML5 and JavaScript

Why use web standards?

• One platform to rule them all

• Re-use existing logic or skills

• A standard for the future

Page 4: Mobile apps with HTML5 and JavaScript

Why not use web standards?

• Much harder to deliver great user experience

• Harder to integrate with some native APIs

• Some native APIs do not overlap (iCloud vs. Google Cloud)

Page 5: Mobile apps with HTML5 and JavaScript

It’s just web development

• Same standards, modern browsers

• Same frameworks and libraries

• Same concepts

Page 6: Mobile apps with HTML5 and JavaScript

It’s not just web development

• Different user interface (tiny screen, touch input)

• Bad connectivity

• Possibly lots of mutable client-state

• Long update cycles

Page 7: Mobile apps with HTML5 and JavaScript
Page 8: Mobile apps with HTML5 and JavaScript

User interface

• Lightweight web framework:Ionic + Angular

• Heavy web framework:Sencha Touch

• Hybrid framework:Appcelerator Titanium

Page 9: Mobile apps with HTML5 and JavaScript

Native integration

• Apache Cordova / PhoneGap

• Packaging (iOS, Android, Windows Phone, …)

• Device APIs: camera, device orientation, contacts, file access, …

• Cross-platform testing

Page 10: Mobile apps with HTML5 and JavaScript

Persistence

• HTML5 APIs: local storage, IndexedDB / Web SQL

• File storage

• Cross-platform cloud storage: Parse, Firebase

• Native APIs for each platform

Page 11: Mobile apps with HTML5 and JavaScript

Mirko Kiefer @mirkokiefer

[email protected]

Questions?