2012
Pluralsight
Jon Flanders
4:24
English

HTML5 is the cool new kid on the block for building Web Applications. People generally prefer native mobile apps over bookmarks in mobile browsers. Why not do both? In this course you’ll see how you can use a native mobile shell on the popular mobile platforms (iOS, Android, and Windows Phone 7) to host an HTML5 application and how to interact with native APIs, handle offline mode, and deal with devices with different resolutions.

Introduction
Introduction
You want to build mobile apps
You don't want to
History
Mobile browsers lead the way
HTML5
CSS3 and Media Queries
Demo: Responsive Web App
Demo: HTML5 App
Native
Demo: Native
Continuum of choices
Pivot
Summary
Responsive Web Design
Introduction
Where
Demo: media queries
Why and summary
Building the native shell
Building the native Shell
iOS
iOS Demo
Android
Demo - Android
Demo - Android Device
Windows Phone 7
Windows Phone 7 Demo
HTML/CSS/JavaScript Debugging
Enabling Dev Tools on iOS
iOS debugging demo
Embedding HTML
Summary
Designing mobile friendly content
Designing for mobile
You must design with mobile in mind
Useful metatags
Demo: Metatags
Home Screen Images
Navigation
Demo: navigation
Hashbang warning
SVG
Data: uris
Demo: svg
Summary
Dealing with touch
Dealing with touch
Touch events
Demo
Handling a swipe
Best practices
Stopping zoom and bounce
Summary
Dealing with Offline
Dealing with offline
Startup Image
App cache
Cache Manifest Sections
App Cache Demo
Local Storage
Detecting offline
Demo - Offline
Summary

Download File Size:820.59 MB

---