HTML 5

Overview

This instructor-led training course provides you with an extremely efficient way to learn about HTML5 and discover how to incorporate its countless features in your web pages and applications. With this training, you will quickly go from a basic what?, why?, and when? (now!) of HTML to deep dives into advanced topics like layouts, forms, offline support, audio and video, graphics, communication APIs, storage, new JavaScript web-workers, and so on. You'll be surprised, not only by how much you'll learn, but also by how much you'll end up unlearning (based on how we used to do things) and wonder how we ever survived without HTML.

Specifications

  • Code: VD-0045
  • Duration: 2 days
  • Delivery Method: Workshop, Classroom

Audience

This HTML5 course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications.

Prerequisites

To get the most out of the course, you should be somewhat familiar with HTML, CSS, and JavaScript. Prior exposure to XML and Ajax is helpful, but not required.

Outline

History, Vision And Future Of HTML5

  • What Is HTML5?
  • History And Major Actors
    • A Little Retrospective
    • What Is The W3C?
    • What Is The WHATWG?
  • Vision And Philosophy Behind HTML5
    • Compatibility
    • Utility
    • Interoperability
    • Universal Access
  • Future Of HTML5
    • Timeline

Getting Started With HTML5 

  • The State Of Browser Support
  • Feature Detection
  • Support For Legacy Browsers
    • Graceful Degradation
    • Emulation
  • Developer Tools

Structure Of A Web Page

  • HTML5 DOCTYPE
  • Page Encoding
  • HTML5 Markup
    • New And Updated Elements
    • Structural Elements
    • New Attributes
    • Deprecated Elements And Attributes
  • HTML5 And CSS3
  • Browser Support

Forms

  • What Are The Needs For Web Applications?
  • Current Solutions
  • New Input Types
  • New Attributes
  • Form Validation
  • Browser Support

Audio And Video

  • The State of Web Audio And Video Based On Plugins
  • The State Of Audio And Video Codecs (e.g. H.264, WebM, etc.)
    • Video/Audio Codecs And Browser Support
  • New Audio/Video Markup
  • Attributes And Methods
  • Understanding Audio/Video Events
  • Customizing Audio/Video Controls

HTML5 Canvas

  • Overview Of Graphics In The Browser
    • Canvas Vs. SVG
    • Accessibility
  • Using A Canvas
  • Context And Coordinates
  • Drawing Shapes
  • Working With Paths
    • Drawing Straight Lines
    • Drawing Circles Or Arcs
  • Drawing Text
  • Drawing Images
  • Working With Pixels
  • Understanding Transforms
    • Translation
    • Rotation
    • Scaling
  • Browser Support

Data Storage

  • Problems With The Existing Cookie-based Model
  • Hacks Prior To HTML5
  • New Storage Options
    • Web Storage
    • Web SQL Storage
  • Browser Support 

HTML5 Offline Applications

  • The Need For Offline Mode
  • The Manifest File
  • The applicationCache Events
  • Deployments And Updates
  • Browser Support 

HTML5 Geolocation

  • Introduction To Geolocation
  • Privacy Considerations
  • Many Ways To Get User Location
  • Two Main Methods
  • The Position Object
  • Handling Errors
  • The PositionOptions Object
  • Browser Support

HTML5 Web Workers

  • The Current JavaScript Execution Model
  • Introduction To Web Workers
  • Usage Of Web Workers
  • Communication APIs
  • Handling Errors
  • Browser Support 

HTML5 Messaging APIs 

  • Cross-document Messaging
    • Dealing With The Origin Concept
  • XMLHttpRequest Level 2
    • Cross-document XMLHttpRequest
    • Progress Events
  • Server-sent Event
  • Browser Support

HTML5 Web Sockets

  • Overview Of Web Communication Options
    • The History (Comet)
  • Overview Of Web Sockets API And Protocol
  • Advantages Of Web Sockets
  • Browser Support