HTML5 for Mobile Devices

HTML5 for Mobile Devices, available at $39.99, has an average rating of 4.45, with 37 lectures, based on 34 reviews, and has 211 subscribers.

You will learn about 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 HTML5s 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 This course is ideal for individuals who are Developers and Designers moving to mobile or Teachers and students or HTML authors who want to have great looking content on any size screen or Graphic designers It is particularly useful for Developers and Designers moving to mobile or Teachers and students or HTML authors who want to have great looking content on any size screen or Graphic designers.

Enroll now: HTML5 for Mobile Devices

Summary

Title: HTML5 for Mobile Devices

Price: $39.99

Average Rating: 4.45

Number of Lectures: 37

Number of Published Lectures: 36

Number of Curriculum Items: 37

Number of Published Curriculum Objects: 36

Original Price: $89.99

Quality Status: approved

Status: Live

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 HTML5s 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

Who Should Attend

Developers and Designers moving to mobile

Teachers and students

HTML authors who want to have great looking content on any size screen

Graphic designers

Target Audiences

Developers and Designers moving to mobile

Teachers and students

HTML authors who want to have great looking content on any size screen

Graphic designers

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 your 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.

The fact is that most websites are viewed more often on mobile devices than on traditional computer screens and if your site (and your HTML code) isn’t prepared, you’re going to lose site visitors and lose business!

This course is for you if you know a bit of HTML and are looking to expand your skills into 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.

Course Curriculum

Chapter 1: Welcome to the Course

Lecture 1: Welcome to the Course

Lecture 2: About Your Instructor

Chapter 2: Welcome to Mobile

Lecture 1: Chapter Preview

Lecture 2: The Mobile Screen

Lecture 3: Emulating the Mobile Screen with Google Chrome

Lecture 4: Creating Your First Mobile HTML5 Site

Chapter 3: HTML5 and CSS Coding For Mobile

Lecture 1: Chapter Preview

Lecture 2: The Viewport Meta Tag

Lecture 3: Displaying and Hiding Content on Mobile

Lecture 4: Adjusting Content for Mobile Screens

Lecture 5: Adjusting Multiple Column Layout for Mobile

Lecture 6: Using Dynamic Units

Chapter 4: Geolocation

Lecture 1: Chapter Preview

Lecture 2: Determining Location with Javascript

Lecture 3: Displaying a Map

Lecture 4: Obtaining Local Information

Chapter 5: jQuery Mobile Basics

Lecture 1: Chapter Preview

Lecture 2: jQuery Mobile Page Metaphor

Lecture 3: jQuery Mobile Buttons

Lecture 4: jQuery Mobile Icons

Lecture 5: jQuery Mobile Popups

Lecture 6: jQuery Mobile Toolbars

Lecture 7: jQuery Mobile Navbars

Chapter 6: Working with Gestures

Lecture 1: Chapter Preview

Lecture 2: The Hammer.js library

Lecture 3: Taps and Presses

Lecture 4: Swipes and Pans

Chapter 7: Storage

Lecture 1: Chapter Preview

Lecture 2: Storing Session Data

Lecture 3: Storing Local Storage Data

Lecture 4: Storing Object and State

Chapter 8: Offline Apps

Lecture 1: Chapter Preview

Lecture 2: The Cache Manifest

Lecture 3: Adding the Manifest to your HTML

Lecture 4: Managing the Manifest with Javascript

Lecture 5: Goodbye From Mark!

Instructors

SkillSprints Inc.
Closing the Digital Skills Gap

Rating Distribution

1 stars: 0 votes

2 stars: 2 votes

3 stars: 5 votes

4 stars: 8 votes

5 stars: 19 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!