HTML5 Online Training

HTML5 introduces a number of new elements and attributes that helps in building a modern websites. HTML5, depending on who you listen to, may be either a disruptive new technology that has the potential to bring entire companies to their knees, or a smooth transition from current HTML 4.0 that promises to make life much easier for developers. Both are at least partially true, and in this continuing series, I hope to help you make sense out of HTML5: both business sense and nuts-and-bolts codinglevel sense.

HTML5 Online Training Course Content
  • Introduction
    • Laying out a Page with HTML5
    • Page Structure
    • New HTML5 Structural Tags
    • Page Simplification
  • HTML5 - How We Got Here
    • The Problems HTML 4 Addresses
    • The Problems XHTML Addresses
    • The New More Flexible Approach of HTML5 - Paving the Cowpaths
    • New Features of HTML5
    • The HTML5 Spec(s)
    • Current State of Browser Support
  • Sections and Articles
    • The section Tag
    • The article Tag
    • Outlining
    • Accessibility
  • HTML5 Audio and Video
    • Supported Media Types
    • The audio Element
    • The video Element
    • Accessibility
    • Scripting Media Elements
    • Dealing with Non-Supporting Browsers
  • HTML5 Forms
    • Modernizr
    • New Input Types
      • search
      • tel
      • url and email
      • date/time input types
      • number
      • range
      • min, max, and step attributes
      • color
  • HTML5 New Form Attributes
    • autocomplete
    • novalidate
  • HTML5 Web Storage
    • Overview of HTML5 Web Storage
    • Web Storage
    • Browser Support
    • Local Storage
    • Session Storage
    • Prefixing your Keys
    • Other Storage Methods
    • Web Database Storage
    • Indexed Database API
  • HTML5 Canvas
    • Getting Started with Canvas
    • Drawing Lines
      • Multiple Sub-Paths
      • The Path Drawing Process
      • The fill() Method
    • Color and Transparency
    • Rectangles
    • Circles and Arcs
    • Quadratic and Bezier Curves
    • Images
      • drawImage() - Basic
      • drawImage() - Sprites
    • Text
  • Integrated APIs
    • Offline Application API
      • Cache Manifest File
      • The HTML File
      • Managing ApplicationCache with JavaScript
      • A Sample Application
    • Drag and Drop API
  • Conclusion

Please Register with us