Advanced HTML5

This course is included in our On-demand training solution.

Overview

HTML5 is the standard for web development. As it becomes more entrenched in everything from enterprises to small businesses, the functionality of traditional desktop apps and their ability to function under even offline conditions requires that HTML5 provide the sophistication of an almost desktop-like experience over the web. New HTML5, CSS3, and Javascript features have made this a reality. In this course, you will learn about using advanced features of the browser, offline storage, and web development for mobile use.

Target Audience

Web developers who need to use the most powerful features of HTML5, CSS3, and JavaScript to create responsive and interactive web pages

Prerequisites

None

Expected Duration

90 min.

Course Objectives

Course Introduction

Manipulating User Editing of HTML5 Form Elements

  • describe the various ways users can edit form elements in HTML5
  • Working with Editable Content in HTML5

  • describe how content from editable form fields can be manipulated and used in HTML5
  • Using CSS3 and Sprites to Animate an HTML5 Menu

  • use CSS3 and Sprites to animate a menu in an HTML5 document
  • Using the CSS3 Box-sizing Property to Fit HTML5 Boxes

  • apply box-sizing properties to an element to fit boxes in an HTML5 document
  • Creating a Dropdown Menu with CSS3 and HTML5

  • create a dropdown menu using CSS3 in an HTML5 document
  • Using HTML5 to Detect the Browser Type

  • describe how to detect the browser type in HTML5
  • Detecting HTML5 Features

  • describe how to detect HTML5 features that a browser supports
  • Checking for HTML5 Video Support

  • describe how to check a browser for video support in an HTML5 document
  • Detecting HTML5 Video Format Support

  • use Video Format Support detection in HTML5
  • Detecting Canvas Support in HTML5

  • use HTML5 to detect canvas support in a browser
  • Detecting Canvas Text Support in HTML5

  • describe how to detect canvas text support in HTML5
  • Designing HTML5 Web Sites for Mobile Devices

  • use HTML5 features to design web sites that are mobile friendly
  • Detecting a Browser’s Screen Resolution in HTML5

  • describe how to detect a browser’s screen resolution in HTML5
  • Detecting and Changing Screen Orientation in HTML5

  • describe how to detect and change screen orientation for applicable devices in HTML5
  • Using the Date and Time Tags in HTML5

  • use the date and time tags in an HTML5 document
  • Highlighting Text Using the HTML5 Mark Tag

  • apply highlighting to text using the HTML5 mark tag
  • Using the Keygen Tag in HTML5

  • use the keygen tag to generate a key in an HTML5 document
  • Using the Wbr Tag in HTML5

  • use the wbr tag to control when a line break will occur if a line break is needed in an HTML5 document
  • Using the Dialog Tag in HTML5

  • describe how to use the dialog tag in an HTML5 document
  • Using HTML5 Web Storage Objects

  • describe how web storage objects are created and used in HTML5
  • Checking for File API Support in HTML5

  • describe how to check for HTML5 File API support
  • Reading Files Using the HTML5 File API

  • use the File API to read a file in HTML5
  • Displaying Image Thumbnails with HTML5 FileReader

  • use FileReader to display thumbnail images in an HTML5 document
  • Exercise: Creating a Web Site Using Advanced HTML5

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.