Advanced HTML5 Training

In this 2 day advanced HTML5 training class, you will learn to use many of the new HTML5 APIs, including Geolocation, Web Messaging, Web Workers, Drag-and-Drop, and Server-Sent Events.

Goals

  • Learn to acquire the users location with the geolocation API.
  • Learn to send messages between web pages and cross-domain with the Web Messaging API.
  • Learn to speed up slow web pages with Web Workers.
  • Learn to implement Drag and Drop.
  • Learn to use Web Applications while offline.
  • Learn to use the XMLHttpRequest Level 2 to access cross-domain resources.
  • Understand Web Sockets.
  • Learn to work with user Server-Sent events to update a web page.

Outline

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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

To Hire an AMS HTML5 Subject Matter Expert and Instructor who also teaches this class, call us today at 800-798-3901!

Leave a Reply