HTML5 Essentials

GB Direct

Course

Online

Price on request

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

This HTML5 training course is a 1-day introduction to the essential HTML5 features which all web designers and web developers need to know.

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

  • IT

Course programme

Introduction and HTML5 Overview

  • Background
    • The limits of HTML4 and XHTML, WHATWG and W3C standards
  • The aims and scope of HTML5, i.e. standardized:
    • Cross-platform html-based applications, multimedia, rich graphics, semantic text
  • Overview of markup changes
  • Overview of the new APIs
  • HTML5 vs. related technologies, e.g. JavaScript, Flash, SVG, multimedia codecs, CSS
  • Browser strategies — Microsoft, Google, Apple, Mozilla, Opera, etc
  • Current status of various components
  • Using HTML5 now — and preparing for the near future
    • Current and coming software support
    • Detecting client support
    • Progressive enhancement and graceful degredation
    • Retro-fitting browsers with JavaScript
    • Supporting IE6-8

New and Modified Markup in HTML5

  • New introductory metadata:
    • DOCTYPE, media type, character encoding, root element, link relations
  • New semantic elements
    • header, hgroup, nav, article, aside, footer, time, mark
    • section — incl. how nested sections change the semantics of h1-h6
  • Supporting the new HTML5 elements in IE
  • Styling the new HTML5 elements in CSS
  • Deprecated elements
  • Microdata
    • Comparison with microformats and RDFa
    • Defining your own microdata vocabulary
    • Examples: defining people, organizations, events, reviews, etc

HTML5 Audio and Video

  • Essential background — understanding and creating multimedia content
    • containers vs. codecs
    • MIME types / media types
    • Key video containers and codecs — h.264, VP8, Theora — WebM/MKV, Ogg, MPEG-4, Flash, AVI
    • Key audio codecs and containers — MP3, AAC, Vorbis
    • Encoding tools and methods — Handbrake, Fireogg, FFmpeg, FFmpeg2theora
  • The HTML5 video element
  • The HTML5 audio element
  • Media event attributes
  • Controlling multimedia events
  • Standard HTML5 multimedia fall-backs
  • Fall-backs for IE
  • Mobile multimedia — iPhone, iPad, Android, Meego

HTML5 Forms and Scripting

  • Problems with HTML/XHTML forms and XForms
  • New form elements and attributes
  • The datalist element and the input list attribute
  • Using form event attributes — and generic window, keyboard, mouse events
  • Using:
    • Placeholder text
    • Autofocus — with various fall-backs
    • Email addresses
    • Web addresses
    • Numbers — using spinboxes
    • Ranges — using sliders
    • Telephone numbers
    • Dates — and date pickers
    • Search boxes
    • Colour — and colour pickers
    • Required fields
  • Form validation — and fall-backs

HTML5 Canvas and Other Interactive Graphic Techniques

  • Overview of HTML5 support for moving and interactive graphics
  • Using JavaScript and/or HTML5 to control the position, visibility and state of graphic objects
  • When to use which technique:
    • Canvas drawing — bitmap, pixel-based
    • Static and animated SVG — vector-based
    • CSS3 transforms — time-based styling
  • Canvas basics — worked examples and hands-on practice
    • Coordinates, paths, text, gradients, shadows, images,
    • Compositing
    • Transformations
    • Basic Animation
    • Managing events, state and context
    • Applying styles
    • Accessibility
    • Supporting IE
  • SVG basics — worked examples and hands-on practice
  • CSS3 transforms — worked examples and hands-on practice

See related categories

HTML5 Essentials

Price on request

The best Other programming courses

See all

See all