This course is for : beginner

Average time Duration : 1 Month (2hrs/day)

In this HTML5 course, you’ll learn the background of HTML5, its key features, and how to use it to maximize website functionality and appeal.

This course covers the new sectioning elements in HTML5 as well as styling with CSS3. Additionally, some of the supporting technologies related to CSS3 such as Local Storage and Geolocation are also covered.

This HTML 5 course is designed for web professionals with prior knowledge of building HTML sites with CSS. Knowledge of all topics covered in MYcslab’s HTML Training course is highly recommended.

What you’ll learn in this training course

  • The context and evolution of HTML5
  • How to understand, use, and apply HTML5 markup
  • The best ways to create and use HTML5 forms
  • Best practices to incorporate HTML5 video and audio
  • How the canvas element is used in HTML5
  • Methods for styling HTML5 elements

Course Outline

  1. Understanding HTML5 : History and overview, Key features, New markup and elements including: header, footer, and nav elements, Form Elements Video and Audio tags, Canvas Element, Styling with CSS3, Using geolocation, Offline support, Web Forms, HTML5 Examples, HTML5 and web browsers
  2. HTML5 markup : HTML5 doctype & character encoding ,Using the <header> element, Using the <nav> element, Understanding the <article> element ,Working with <section> element, Working with dates and caption, Understanding the Role attribute
  3. HTML5 forms : Adding new form input types ,Email, URL, Range and number, Search Fields, Date Pickers, Placeholder text, Autofocus, HTML 4 fall backs for forms
  4. Audio and video : HTML5 Video basics, Codecs and browser support, Working with the video element, Attributes: Autoplay, Preload, loop, Using the audio element, Audio MIME types and fall backs, Improving Accessibility
  5. Canvas element : Role (and limitations) of the Canvas, Creating fall backs, Understanding the coordinate system, Creating paths, Creating fills and strokes, Creating and editing text, Adding images, Using transforms, Compositing, Drawing loop, Adding interactivity, PNG-based sprite animation
  6. Styling HTML5 elements : Working with CSS, CSS2 versus CSS3 ,Browser support and testing, Creating borders, Adding backgrounds, Working with colors, Adding text effects, Sizing and positioning, Selectors Web fonts
  7. Applications and Interactivity : HTML5’s offline capabilities, HTML5 Storage, The revised Javascript API, The Geolocation API, Web Sockets