Comprehensive HTML5 Training

Print

Request an offer for classroom delivery of this course

Online Registration and Course delivery

Course duration

Course Outline

In this comprehensive HTML5 class, you will learn to learn to use HTML5 to develop modern websites.

  1. Laying out a Page with HTML5
    1. Page Structure
      1. Laying out a Page with HTML 4 - the "old" way
      2. Laying out a Page with HTML5
    2. New HTML5 Structural Tags
    3. Page Simplification
  2. HTML5 - How We Got Here
    1. The Problems HTML 4 Addresses
    2. The Problems XHTML Addresses
    3. The New More Flexible Approach of HTML5 - Paving the Cowpaths
    4. New Features of HTML5
      1. HTML5 and JavaScript
      2. Additional Changes
      3. Modernizr
    5. The HTML5 Spec(s)
    6. Current State of Browser Support
  3. Sections and Articles
    1. The section Tag
      1. The HTML 4 Way
      2. The HTML5 Way
      3. Display of HTML5 Structural Elements
    2. The article Tag
    3. Outlining
      1. Sectioning
    4. Accessibility
  4. HTML5 Audio and Video
    1. Supported Media Types
    2. The audio Element
      1. Audio Formats
      2. Multiple Sources
      3. Audio Tag Attributes
      4. Getting and Creating Audio Files
    3. The video Element
      1. Video Tag Attributes
      2. Creating and Converting Video Files
    4. Accessibility
    5. Scripting Media Elements
    6. Dealing with Non-Supporting Browsers
      1. Graceful Degradation
  5. HTML5 Forms
    1. Modernizr
    2. New Input Types
      1. search
      2. tel
      3. url and email
      4. date/time input types
      5. number
      6. range
      7. min, max, and step attributes
      8. color
    3. HTML5 New Form Attributes
      1. autocomplete
      2. novalidate
    4. Some Other New Form Field Attributes
      1. required
      2. placeholder
      3. autofocus
      4. autocomplete
      5. form
      6. pattern
    5. New Form Elements
      1. datalist
      2. progress and meter
  6. HTML5 Web Storage
    1. Overview of HTML5 Web Storage
    2. Web Storage
      1. Browser Support
      2. Local Storage
      3. Session Storage
      4. Prefixing your Keys
    3. Other Storage Methods
      1. Web Database Storage
      2. Indexed Database API
  7. HTML5 Canvas
    1. Getting Started with Canvas
      1. Context
    2. Drawing Lines
      1. Multiple Sub-Paths
      2. The Path Drawing Process
      3. The fill() Method
    3. Color and Transparency
    4. Rectangles
    5. Circles and Arcs
      1. Radians
    6. Quadratic and Bezier Curves
      1. Practice
    7. Images
      1. drawImage() - Basic
      2. drawImage() - Sprites
    8. Text
      1. Text Properties
  8. Integrated APIs
    1. Offline Application API
      1. Cache Manifest File
      2. The HTML File
      3. Managing ApplicationCache with JavaScript
      4. A Sample Application
    2. Drag and Drop API
  9. Geolocation
    1. What is Geolocation Used for?
    2. Browser Support for geolocation
    3. The Geolocation Object
    4. Geolocation API Methods
    5. PositionOptions Object Properties
    6. Position Interface Attributes
  10. Web Messaging
    1. Web Messaging Methods
    2. Establishing Trust between Domains
    3. Establishing Trust with ORIGIN
    4. Cross Origin Resource Sharing (CORS)
    5. Ports and Channel Messaging
    6. MessagePort Methods
    7. The Message Event Object
    8. Additional Security Checks
  11. Web Workers
    1. Why use Web Workers
    2. What are Web Workers
    3. Features Available to Workers
    4. How do Web Workers work?
    5. The Worker Object
    6. WorkerGlobalScope
    7. WorkerGlobalScope Properties
    8. WorkerGlobalScope Methods
    9. WorkerGlobalScope Events
    10. Browser Support for Web Workers
    11. Types of Web Workers
    12. Terminating the worker from the Worker Script
  12. Drag and Drop
    1. What is Drag and Drop
    2. What is Drag and Drop Used for?
    3. Browser Support for Drag and Drop
    4. Understanding Drag and Drop
    5. Drag and Drop with a Data "payload"
    6. Drag Events
    7. Drop Event
    8. A jQuery UI Drag and Drop Example
  13. Offline Applications
    1. Why do we need offline Applications?
    2. Browser Support for Offline Applications
    3. Emptying the Browser Cache
    4. Understanding applicationCache
    5. The navigator.online property
    6. Associating the Cache Manifest with a Web Page
  14. XMLHttpRequest Level 2
    1. What is XmtlHttpRequest (XHR)?
    2. Benefits of XHR Level 2
    3. The XHR object: States
    4. The XHR object: Event Handlers
    5. The XHR Object: Methods
    6. The XHR object: Properties
  15. Web Sockets
    1. HTTP
    2. The Web Socket
    3. WebSocket Properties
    4. Web Socket Event Handlers
    5. WebSocket Methods
    6. Using a WebSocket Server with the WebSocket API
  16. Server-Sent Events
    1. What are Server Sent Events?
    2. The Server Messages
    3. Creating an EventSource
    4. The EventSource Properties
    5. The EventSource Events
    6. The Advantages of Server-Sent Events
    7. The Disadvantages of Server-Sent Events
    8. Server-Sent Events Summary

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.