Click to search on your search term.

Upgrading to HTML 5

Learn the fundamentals of HTML 5 and advanced techniques to get a head-start in developing the next generation of web content and applications!

Duration: 2 days

Price: 995.00
GSA Price: 952.40
Online Price: 1095.00

Course Prerequisites

In order to get the most out of this class, you must be able to meet the following prerequisites:

  • Have prior experience working with HTML 3.2/4.0/XHTML
  • Have a casual understanding of CSS
  • Have a basic understanding of JavaScript

Course Objectives

  • Learn the differences between HTML 4 and HTML 5
  • Embed multimedia into a web page using HTML 5
  • Add structure to your document using new tags
  • Use the new form elements supported by HTML 5
  • Learn which tags and attributes have been deprecated
  • Develop a basic understanding of MathML and SVG
  • Understand cross-browser compatibility issues
  • Learn how to develop off-line applications
  • Create an application that leverages an advanced drag & drop
  • Integrate 2-D canvas drawing and WYSIWYG editing into your forms

Course Outline

Unit 1: Introducing the Course

Unit 2: Introducing HTML 5

  • Reviewing Features and Benefits
  • Understanding the HTML 5 document header
  • Structuring your document with <header>, <footer>, <nav>, <figure> and other new structure tags
  • Tagging microdata
  • Using Audio and Video
  • Implementing custom attributes
  • Introducing MathML
  • Introducing SVG
  • Reviewing deprecated elements and attributes
  • Coding for optimum browser compatibility

Unit 3: Styling your HTML 5 pages

  • Using the new CSS selectors
  • Using advanced layout techniques
  • Adding cool font and visual effects
  • Coding for optimum browser compatibility - including handheld devices

Unit 4: Working with Forms

  • Setting autofocus to a field
  • Using the Placeholder attribute
  • Capturing email addresses
  • Capturing url addresses
  • Capturing a telephone number
  • Capturing numbers (spinner)
  • Capturing numbers (slider)
  • Using the Date, Month, Week, Time inputs
  • Defining a Search Box
  • Choosing a Color
  • Using a DataList
  • Creating Selection Groups
  • Defining Command Buttons
  • Setting field input to be required
  • Styling fields with new pseudo-selectors
  • Creating a WYSIWYG editor
  • Adding right-mouse button support
  • Ensuring Compatibility with Older Browsers

Unit 5: Developing HTML 5 Applications

  • Drawing with the <canvas> element
  • Using Web Sockets for communications
  • Storing data locally
  • Adding off-line support
  • Implementing Drag & Drop
  • Adding notifications
  • Using the Undo manager
  • Using GeoLocation
  • Scaling your application with Web Workers
  • Supporting multiple browsers and devices



Fig Leaf has provided training in the following cities:

Alexandria VAAmsterdamArlington VAAtlantaAustinBaltimore
DenverDes MoinesDetroitDubaiEdmontonGeneva
HoustonIndianapolisJacksonvilleLas VegasLondonLos Angeles
MadridMiamiMilwaukeeMinneapolisNew HavenNew York
OttawaPhiladelphiaPhoenixRaleigh / DurhamRestonRome
SacramentoSan AntonioSan DiegoSan FranciscoSan JoseSeattle
SingaporeSpringfieldState College PATallahasseeTorontoWashington DC