Building Hybrid Mobile Applications with HTML5
HTML5 can be used as the UI layer for building mobile applications.
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Introduction |
|
01:01:10 | |
|
Introduction
|
|
00:49 | |
|
You want to build mobile apps
|
|
02:15 | |
|
You don't want to
|
|
03:48 | |
|
History
|
|
02:18 | |
|
Mobile browsers lead the way
|
|
02:32 | |
|
HTML5
|
|
03:53 | |
|
CSS3 and Media Queries
|
|
04:26 | |
|
Demo: Responsive Web App
|
|
14:39 | |
|
Demo: HTML5 App
|
|
07:41 | |
|
Native
|
|
05:12 | |
|
Demo: Native
|
|
02:39 | |
|
Continuum of choices
|
|
06:43 | |
|
Pivot
|
|
03:16 | |
|
Summary
|
|
00:59 | |
Responsive Web Design |
|
00:37:44 | |
|
Introduction
|
|
08:32 | |
|
Where
|
|
06:07 | |
|
Demo: media queries
|
|
19:56 | |
|
Why and summary
|
|
03:09 | |
Building the native shell |
|
00:54:02 | |
|
Building the native Shell
|
|
00:54 | |
|
iOS
|
|
05:13 | |
|
iOS Demo
|
|
12:14 | |
|
Android
|
|
04:15 | |
|
Demo - Android
|
|
08:20 | |
|
Demo - Android Device
|
|
00:34 | |
|
Windows Phone 7
|
|
01:44 | |
|
Windows Phone 7 Demo
|
|
13:06 | |
|
HTML/CSS/JavaScript Debugging
|
|
02:02 | |
|
Enabling Dev Tools on iOS
|
|
00:06 | |
|
iOS debugging demo
|
|
01:45 | |
|
Embedding HTML
|
|
02:46 | |
|
Summary
|
|
01:03 | |
Designing mobile friendly content |
|
00:44:04 | |
|
Designing for mobile
|
|
00:34 | |
|
You must design with mobile in mind
|
|
00:47 | |
|
Useful metatags
|
|
02:52 | |
|
Demo: Metatags
|
|
10:54 | |
|
Home Screen Images
|
|
02:24 | |
|
Navigation
|
|
06:07 | |
|
Demo: navigation
|
|
07:34 | |
|
Hashbang warning
|
|
02:13 | |
|
SVG
|
|
02:03 | |
|
Data: uris
|
|
02:38 | |
|
Demo: svg
|
|
05:22 | |
|
Summary
|
|
00:36 | |
Dealing with touch |
|
00:22:27 | |
|
Dealing with touch
|
|
01:10 | |
|
Touch events
|
|
03:09 | |
|
Demo
|
|
14:46 | |
|
Handling a swipe
|
|
00:48 | |
|
Best practices
|
|
00:49 | |
|
Stopping zoom and bounce
|
|
00:48 | |
|
Summary
|
|
00:57 | |
Dealing with Offline |
|
00:45:14 | |
|
Dealing with offline
|
|
00:41 | |
|
Startup Image
|
|
02:09 | |
|
App cache
|
|
03:30 | |
|
Cache Manifest Sections
|
|
07:28 | |
|
App Cache Demo
|
|
14:49 | |
|
Local Storage
|
|
04:22 | |
|
Detecting offline
|
|
01:28 | |
|
Demo - Offline
|
|
09:16 | |
|
Summary
|
|
01:31 |
Introduction