HTML5 for Mobile Devices [Video]

More Information
Learn
  • Understand the dynamics of screen size
  • How to emulate screens with Google Chrome
  • How to use the viewport meta tag
  • How to hide and display content on mobile to optimize space
  • To make content adjustments for mobile screens
  • To make adjustments in multiple column layouts for small screens
  • How to use dynamic units to make font size adjustments
  • How to determine device location
  • How to display a map
  • How to get information about the local area from Google Places
  • How to use the jQuery Mobile page metaphor
  • How to create mobile buttons with jQuery Mobile
  • Using mobile icons with jQuery Mobile
  • Working with jQuery Mobile popups
  • Using toolbars in jQuery mobile
  • Applying navbars in jQuery Mobile
  • Installing the HammarJS library for gestures
  • Detecting tap and press gestures
  • Detecting swipe and pan gestures
  • Storing data on mobile devices
  • Storing session data on mobile
  • Using HTML5's localStorage object
  • Storing a Javascript object with state using serialization
  • Understanding the cache manifest
  • Adding the cache manifest to HTML
  • Managing the manifest for offline apps
About

We're living in a world of multiple screens. On a typical day you might view the screen on your mobile device, your tablet, your television and desktop computer at work. Designing content that works on all size screens and optimizing for mobile previously meant writing multiple versions of your application. However, those days are over. Today, with a good understanding of HTML you can write your code so that it works on every size screen while taking advantage of the unique environment afforded by mobile. This course will show you how. It's no longer enough to write HTML5 that doesn't go everywhere customers do. Increasingly, your customers are more and more mobile and your HTML5 has to have the flexibility to be displayed on any screen and the features to take advantage of the mobile ecosystem. This course is for you if you know a bit of HTML and are looking to expand your skills in to the mobile realm. If you're a web designer or developer trying to expand your work beyond the desktop you're going to truly benefit from this excellent course.

Style and Approach

This course is for you if you know a bit of HTML and are looking to expand your skills in to the mobile realm.

Features
  • HTML5 provides the flexibility to code for all mobile screen sizes
  • Create mobile buttons with jQuery Mobile
  • Create gestures, tap and press features
Course Length 2 hours 18 minutes
ISBN 9781788625043
Date Of Publication 12 Sep 2017

Authors

Mark Lassoff

Over 1,000,000 people have learned digital coding and design from Mark Lassoff. Mark and his company, Framework Television, have taught people web and mobile development online, in the corporate classroom and in secondary schools across the country. Framework Television produces a post-cable television network that focuses on digital skills such as web and mobile development. The company also produces online video courses on technology for those who want a more formalized learning experience. Prior to founding Framework, Mark started several companies in the Austin, Texas area and continues to promote entrepreneurship and computer science. He is an in-demand speaker and has traveled the world to teach programming techniques and technologies. Mark has authored eight courses on programming. He was named to the 40 under 40 in both Austin, Texas and Hartford, CT. In 2017, Mark was awarded the prestigious eLearning Guildmaster Award. Mark, and Framework Television, are based in Fairfield, Connecticut.