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
- Geolocation
- What is Geolocation Used for?
- Browser Support for geolocation
- The Geolocation Object
- Geolocation API Methods
- PositionOptions Object Properties
- Position Interface Attributes
- Web Messaging
- Web Messaging Methods
- Establishing Trust between Domains
- Establishing Trust with ORIGIN
- Cross Origin Resource Sharing (CORS)
- Ports and Channel Messaging
- MessagePort Methods
- The Message Event Object
- Additional Security Checks
- Web Workers
- Why use Web Workers
- What are Web Workers
- Features Available to Workers
- How do Web Workers work?
- The Worker Object
- WorkerGlobalScope
- WorkerGlobalScope Properties
- WorkerGlobalScope Methods
- WorkerGlobalScope Events
- Browser Support for Web Workers
- Types of Web Workers
- Terminating the worker from the Worker Script
- Drag and Drop
- What is Drag and Drop
- What is Drag and Drop Used for?
- Browser Support for Drag and Drop
- Understanding Drag and Drop
- Drag and Drop with a Data “payload”
- Drag Events
- Drop Event
- A jQuery UI Drag and Drop Example
- Offline Applications
- Why do we need offline Applications?
- Browser Support for Offline Applications
- Emptying the Browser Cache
- Understanding applicationCache
- The navigator.online property
- Associating the Cache Manifest with a Web Page
- XMLHttpRequest Level 2
- What is XmtlHttpRequest (XHR)?
- Benefits of XHR Level 2
- The XHR object: States
- The XHR object: Event Handlers
- The XHR Object: Methods
- The XHR object: Properties
- Web Sockets
- HTTP
- The Web Socket
- WebSocket Properties
- Web Socket Event Handlers
- WebSocket Methods
- Using a WebSocket Server with the WebSocket API
- Server-Sent Events
- What are Server Sent Events?
- The Server Messages
- Creating an EventSource
- The EventSource Properties
- The EventSource Events
- The Advantages of Server-Sent Events
- The Disadvantages of Server-Sent Events
- 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!