HTML5 for Mobile Devices [Video]

Preview in Mapt

Code Files

HTML5 for Mobile Devices [Video]

Mark Lassoff
Wednesday, September 13, 2017

Create Flexible HTML5 That Works on Mobile, Tablet and Desktop Devices

Mapt Subscription

FREE

€29.98/m after trial

Video

€62.22

RRP €73.18

Save 14%

What do I get with a Mapt Pro subscription?

Unlimited access to all Packt’s 5,000+ eBooks and Videos
Early Access content, Progress Tracking, and Assessments
1 Free eBook or Video to download and keep every month after trial

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

€0.00

€62.22

€29.99 p/m after trial

RRP €73.18

Subscription

Video

Start 14 Day Trial

Frequently bought together

HTML5 for Mobile Devices [Video]

€ 73.18

€ 62.22

HTML5 for Mobile Devices [Video]

Sep 2017

2 hours 18 minutes

€ 62.22

Responsive Web Development with HTML5, CSS3, and JavaScript [Video]

€ 142.78

€ 121.38

Responsive Web Development with HTML5, CSS3, and JavaScript [Video]

Sep 2017

4 hours and 31 minutes

€ 121.38

Buy 2 for €35.72
Save €150.20

Add to Cart

Video Details

ISBN 139781788625043

Course Length2 hours 18 minutes

Video Description

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.

HTML5 for Mobile Devices

Welcome to the Course

About Your Instructor

Welcome to Mobile

Chapter Preview

The Mobile Screen

Emulating the Mobile Screen with Google Chrome

Creating Your First Mobile HTML5 Site

HTML5 and CSS Coding For Mobile

Chapter Preview

The Viewport Meta Tag

Displaying and Hiding Content on Mobile

Adjusting Content for Mobile Screens

Adjusting Multiple Column Layout for Mobile

Using Dynamic Units

Geolocation

Chapter Preview

Determining Location with Javascript

Displaying a Map

Obtaining Local Information

jQuery Mobile Basics

Chapter Preview

jQuery Mobile Page Metaphor

jQuery Mobile Buttons

jQuery Mobile Icons

jQuery Mobile Popups

jQuery Mobile Toolbar

jQuery Mobile Navbars

Working with Gestures

Chapter Preview

The Hammer.js library

Taps and Presses

Swipes and Pans

Storage

Chapter Preview

Storing Session Data

Storing Local Storage Data

Storing Object and State

Offline Apps

Chapter Preview

The Cache Manifest

Adding the Manifest to your HTML

Managing the Manifest with Javascript

Goodbye From Mark!

What You Will 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

Authors

Mark Lassoff

Mark Lassoff, according to his parents' frequent claim, was born to be a programmer. In the mid-eighties, when the neighborhood kids were outside playing kickball and throwing snowballs, Mark was hard at work on his Commodore 64, writing games in the BASIC programming language. Computers and programming continued to be his strong interest in college, where Mark majored in communications and computer science. After completing his college career, Mark worked in the software and web development departments at several large corporations. In 2001, on a whim, while his contemporaries were conquering the dot com world, Mark accepted a position training programmers in a technical training center in Austin, Texas. It was there that Mark fell in love with teaching programming, which has been his passion ever since. Today Mark is a top technical trainer, traveling the country providing training for software and web developers. Mark's training clients include the Department of Defense, Lockheed Martin, Discover Card Services, and Kaiser Permanente. He has consulted for companies such as Dell, Target, and Lockheed Martin, and government agencies including the US House of Representatives. In addition to traditional classroom training and consulting, Mark releases video tutorial training for aspiring programmers on his websites. He lives in coastal Connecticut near the Connecticut River, where he is in the process of redecorating his house.

HTML5 for Mobile Devices

Welcome to the Course

About Your Instructor

Welcome to Mobile

Chapter Preview

The Mobile Screen

Emulating the Mobile Screen with Google Chrome

Creating Your First Mobile HTML5 Site

HTML5 and CSS Coding For Mobile

Chapter Preview

The Viewport Meta Tag

Displaying and Hiding Content on Mobile