Building for the Mobile Web

An overview of building mobile web apps with offline storage, device APIs, and UI frameworks.

Transcript

1. Building for the Mobile Web
2. Choosing Web vs. Native - What are your team’s skills? - What devices do you want to reach? - How will people get to your app?
4. HTML5 + JS - Offline Apps - Device APIs - UI Frameworks
5. Offline Apps - LocalStorage - AppCache - Other Standards Emerging
6. LocalStorage Simply provides a key-value mapping: localStorage["name"] = username; 5MB limit (Webkit-based browsers use UTF-16 for storage which haves it to 2.5MB limit) Supported by: Chrome 4+, Firefox 3.5+, Safari 4+, Opera 10.5+, IE 8+, iOS 3.2+, Android 2.1+ Demo: http://localtodos.com/
7. Offline Example QConSF Conference App - Works fully offline - Can launch from an icon - Runs in browser - Updates when online
8. Device APIs Sensors, Camera, Battery, Phone, and more Battery API Demo
9. UI Frameworks - Allow for rapid development - Support many screen sizes Examples: JQuery Mobile, Bootstrap, Sencha Touch, many others
10. What’s Next for Mobile Web? The web is converging with native as browsers improve. New platforms supporting native HTML + JS