HTML5 Hands On Seminar

Two day Seminar that teaches you "HTML5" with an easy to set up learning environment. This is absolutely the most efficient and cost effective way to learn new complex technologies.

$750 includes lunch and course content on USB Flash Drive. Learn to develop on this technology deploying to both on-premise and Cloud infrastructures.

Register now securely

May 30-31

Learn HTML5 Development in a two day Hands-On Seminar presented by Joe Homnick and other Microsoft Certified Trainers in Developer Technologies from Homnick Systems. We will supply you with a Virtual Machine instance and workbook. You can optionally, BYOL (bring your own laptop) to walk along with the instructor and/or take the materials with you for further lab work after the class. This is absolutely the most efficient and cost effective way to learn new complex technologies.

What is a "Hands-On Seminar? This is a seminar format, pioneered by Homnick Systems in 2004, where the Instructor mostly uses demos to teach the attendee concepts originally presented in slide format. The attendee can approach this learning solution as a pure seminar without a laptop and then work on the courseware demos on their own time. Optionally, the attendee can "walk along" with the instructor on their own systems running a supplied Virtual Machine instance. This "walk along" can be of varied involvement and should still be supplemented with lab work on their own time. Both approaches work very well in learning the concepts and the seminar attendees are usually evenly split on the approach they select.

Optional hands-on laptop system requirements to walk along with the instructor during demos and labs:

A laptop with a minimum of 2 gig of memory, USB 2.0 port and Windows XP, Vista or 7.0 with Remote Desktop Connection.

Who Should Attend: Software Developers, Architects and Managers who want to learn about developing with HTML5.

HTML5 Training Outline

HTML5 Overview
- HTML5 History/Timeline
- HTML5 Design Principles
- What is (and isn't) HTML5
- HTML Review
- Doctype
- Root Element
- <head> Element
- Syntax
HTML5 Elements
- Content Models
- New Structural Elements
- HTML 4/HTML5 Comparison
- Other New Elements
- Redefined Elements
- Obsolete Elements
- HTML5 Outlines
- When Can I Use It?
- Feature Detection: Techniques
- Feature Detection: Examples
- Feature Detection: Modernizr
- CSS Styling
- Validating
- Accessibility (WAI-ARIA)
Forms
- HTML5 Forms Overview
- New Input Types: Contact Info
- New Input Types: Native Date Picking
- Opera’s Rendering of Date Input Types
- New Input Types: Number and Range
- New Attributes
- Detecting Support
- Accessibility (WAI-ARIA)
- Styling Form Elements
- Avoiding Validation
- The Constraint Validation API
- Custom Validation Example
HTML5 Media
- Audio and Video Element
- Using the Media Elements
- Attributes
- Formats
- Serving Device-Specific Files
- Accessibility
- Backwards Compatibility
- Media API
- Rolling Custom Controls
Canvas
- Canvas Overview
- The Canvas Element
- The 2D Context
- The Coordinate System
- Rectangles
- Paths
- Paths; Drawing Methods
- Curves and Arcs
- Colors and Styles
- Gradients
- Patterns
- Transformations: Scale, Translate
- Transformations: Rotate
- Drawing States
- Image Drawing
- Animations
- Responding to User Events: Keyboard
- Responding to User Events: Mouse
- Compositing
- Text
- Pixel Manipulations
- toDataURL()
- Accessibility
- Canvas and Internet Explorer
Geolocation
- Geolocation Overview
- Privacy Concerns
- API Methods
- API Attributes
- Using the Geolocation API: Success Handlers
- Using the Geolocation API: Error Handlers
- Using the Geolocation API: The Third Argument
- watchPosition() and clearWatch()
- Fallback Support: Geo.js
Local Data Storage
- Local Data Storage Overview
- Web Storage Overview
- Web Storage API
- Data Types
- JSON (JavaScript Object Notation)
- Accessing Storage
- The Storage Event
- Database APIs
- Web SQL Databases
- Web Databases: Opening the DB, Creating Tables, and Inserting Data
- Web Databases: Selecting, Using, and Deleting Data
- IndexedDB
Web Messaging
- Cross Document Messaging
- Using the postMessage API
- Server-Sent Events Overview
- EventSource API
- Using the EventSource API: Client-side
- Event Stream Format: Serverside
- Simple Implementation
- XMLHttpRequest Level 2
- Cross-Origin Requests
- Making a Cross-Origin Request
- Progress Events
- Using Progress Events
Web Workers
- Web Workers Overview
- What Can You Do with a Worker?
- Message Passing
- Handling Errors
- Stopping Workers
- Loading and Executing External Scripts
- Workers within Workers
- Subworkers: An Example
- Security Notes
- Shared Workers: The Parent Page
- Shared Workers: Within the Worker
Microdata
- What Is It?
- Why Use It?
- Data Model
- Typed Items
- Using Microdata
Offline
- Offline Web Applications
- Overview
- Adding and Service a Cache
- Manifest
- Cache Manifest Sections
- Updating the Cache
- The ApplicationCache Object: Methods and Status Values
- The ApplicationCache Object: Events
- Programmatically Updating the Cache
- Detecting Connectivity
Web Sockets
- Web Sockets Overview
- Using the WebSockets API
- WebSockets on the Server
- Fallback Solutions