by Maximiliano Firtman | Publisher: O'Reilly Media, Inc. | Release Date: November 2014 | ISBN: 9781491914625

Learn how to use unique aspects of HTML5 to create mobile websites and apps on multiple device platforms. In this video course, Max Firtman (Programming the Mobile Web) shows you how to work with HTML5, CSS, JavaScript, and tools for mobile devices, such as emulators. You'll learn about different screen sizes and resolutions, sensors and hardware, form design, testing and debugging, and other facets of mobile design and development.With live code, detailed walk-throughs, many examples, and live demos of various tools and techniques, this course teaches you hidden tricks and solutions for better usability and multiplatform compatibility, as well as how to deal with common pitfalls and challenges. It's ideal for experienced web designers and developers.Learn the key features that a mobile website or app needs for successUse emulators and other tools for testing and debugging mobile apps on several platformsDelve into CSS media queries and responsive web designUnderstand the mobile web ecosystem, including different browsers and rendering enginesLearn HTML5 solutions for placing images in high resolution, playing audio and video, and capturing images from a cameraCustomize user experience with geolocation services and data from the accelerometer, magnetometer, and gyroscopeUnderstand the advantages of home-screen web apps for Android and iOSLearn how to integrate your website with native appsMaximiliano Firtman, founder of ITMaster Professional Training, is a mobile+web developer, trainer, speaker, writer, and Adobe Community Champion.

1. Introduction
   • Welcome and Set Up 00:02:37
2. The Mobile Web
   • What is the Mobile Web 00:05:27
   • Browsers and Platforms 00:17:40
   • Mobile Web Strategies 00:07:00
3. Testing & Debugging
   • Creating a Development Environment 00:05:38
   • Chrome Mobile Emulation 00:09:05
   • Emulating iOS 00:03:51
   • Emulating Android 00:15:05
   • Emulating Windows, BlackBerry and Firefox OS 00:08:02
   • Working with Real Devices 00:10:05
   • Remote Debugging Safari 00:08:02
   • Remote debugging Chrome 00:06:37
   • Remote Debugging for Others 00:05:28
   • Other Tools 00:08:09
4. Mobile HTML5 Basics
   • Basic Template 00:11:22
   • CSS Pixels and Screens on the Market 00:06:14
   • Viewport Basics 00:15:13
   • Advanced Viewport Declarations 00:10:47
   • CSS Media Queries 00:13:43
   • CSS Mobile Tricks 00:20:16
   • Client-side and Server-side Detection 00:13:18
5. Mobile Form Design
   • Basic Form Template 00:05:40
   • Virtual Keyboards 00:07:02
   • Native Input Controls 00:07:56
   • Form Validation 00:09:16
   • Advanced Auto-Complete Options 00:04:28
6. Images & Media
   • Images 00:12:32
   • Canvas API 00:05:31
   • Video and Audio 00:10:30
7. JavaScript
   • Overview on JavaScript for Mobile 00:06:03
   • Network Communications and Data Storage 00:06:18
8. Sensors & Hardware
   • Geolocation 00:10:49
   • Accelerometer, Magnetometer and Gyroscope 00:06:30
   • Touch, Gesture and Pointer Events 00:10:39
   • Camera 00:06:19
   • Calling Native Apps 00:07:31
9. App Development
   • Integrating with Our Native App 00:07:41
   • Home Screen Web Apps Overview 00:06:20
   • Icons and Meta Tags 00:09:28
   • Closing 00:01:39