HTML5 Jumpstart Training Course

Overview

This instructor-led training course provides with an extremely efficient way to learn about HTML5 and discover how to incorporate its countless features in web pages and applications. With this training, the attendees will quickly go from a basic what? why?, and when? of HTML to deep dives into advanced topics like layouts, forms, offline support, geolocation, audio and video, graphics, communication APIs, storage, new JavaScript web-workers, and so on.

Objectives

In the hands-on HTML5 Jumpstart training course attendees will learn how to create web applications with HTML5 so that they can start using it in their projects right away.

At the end of HTML5 Jumpstart training course, the participants will:

• Know how to use HTML5 Markup
• Know how to use the HTML5 JavaScript APIs
• Understand current browser support for the various HTML5 features
• Understand how to emulate certain HTML5 features in older browsers
• Learn about best practices for using HTML5

Suggested Audience - This HTML5 course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications.

Duration - 2 Days

Prerequisites - Attendees should be somewhat familiar with HTML, CSS, and JavaScript. Prior exposure to XML and Ajax is helpful, but not required.

Syllabus

1. History, Vision & Future of HTML5 What Is HTML5? History And Major Actors A Little Retrospective What Is The W3C? What Is The WHATWG? Vision And Philosophy Behind HTML5 Compatibility Utility Interoperability Universal Access Future Of HTML5 Timeline	2. Getting Started With HTML5 The State Of Browser Support Feature Detection Support For Legacy Browsers Graceful Degradation Emulation Developer Tools
3. Structure of a Web Page HTML5 DOCTYPE Page Encoding HTML5 Markup New And Updated Elements Structural Elements New Attributes Deprecated Elements And Attributes HTML5 And CSS3 Browser Support	4. Forms What Are The Needs For Web Applications? Current Solutions New Input Types New Attributes Form Validation Browser Support
5. Audio and Video The State of Web Audio And Video Based On Plug-in The State Of Audio And Video Codec (e.g. H.264, WebM, etc.) Video/Audio Codec And Browser Support New Audio/Video Markup Attributes And Methods Understanding Audio/Video Events Customizing Audio/Video Controls	6. HTML5 Canvas Overview Of Graphics In The Browser Canvas Vs. SVG Accessibility Using A Canvas Context And Coordinates Drawing Shapes Working With Paths Drawing Straight Lines Drawing Circles Or Arcs Drawing Text Drawing Images Working With Pixels Understanding Transforms Translation Rotation Scaling Browser Support
7. Data Storage Problems With The Existing Cookie-based Model Hacks Prior To HTML5 New Storage Options Web Storage Web SQL Storage Browser Support	8. HTML5 Offline Applications The Need For Offline Mode The Manifest File The application Cache Events Deployments And Updates Browser Support
9. HTML5 Geolocation Introduction To Geolocation Privacy Considerations Many Ways To Get User Location Two Main Methods The Position Object Handling Errors The Position Options Object Browser Support	10. HTML5 Web Workers The Current JavaScript Execution Model Introduction To Web Workers Usage Of Web Workers Communication APIs Handling Errors Browser Support
11. HTML5 Messaging APIs Cross-document Messaging Dealing With The Origin Concept XML Http Request Level 2 Cross-document XML Http Request Progress Events Server-sent Event Browser Support	12. HTML5 Web Sockets Overview Of Web Communication Options The History (Comet) Overview Of Web Sockets API And Protocol Advantages Of Web Sockets Browser Support