Advanced HTML5

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


Expected Duration
115 minutes

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.


Making Web Elements Editable

  • start the course
  • describe the various ways users can edit form elements in HTML5
  • describe how content from editable form fields can be manipulated and used in HTML5
  • use CSS3 and Sprites to animate a menu in an HTML5 document
  • apply box-sizing properties to an element to fit boxes in an HTML5 document
  • create a dropdown menu using CSS3 in an HTML5 document

Browser Functionality and Detection

  • describe how to detect the browser type in HTML5
  • describe how to detect HTML5 features that a browser supports
  • describe how to check a browser for video support in an HTML5 document
  • use Video Format Support detection in HTML5
  • use HTML5 to detect canvas support in a browser
  • describe how to detect canvas text support in HTML5

HTML5 and Mobile Devices

  • use HTML5 features to design web sites that are mobile friendly
  • describe how to detect a browser’s screen resolution in HTML5
  • describe how to detect and change screen orientation for applicable devices in HTML5

HTML5 Tags

  • use the date and time tags in an HTML5 document
  • apply highlighting to text using the HTML5 mark tag
  • use the keygen tag to generate a key in an HTML5 document
  • use the wbr tag to control when a line break will occur if a line break is needed in an HTML5 document
  • describe how to use the dialog tag in an HTML5 document

Working with Storage and Files

  • describe how web storage objects are created and used in HTML5
  • describe how to check for HTML5 File API support
  • use the File API to read a file in HTML5
  • use FileReader to display thumbnail images in an HTML5 document

Practice: Web Development for Mobile Use

  • implement file and storage APIs





Multi-license discounts available for Annual and Monthly subscriptions.