HTML 5 Fast Track

This course provides you with an extremely efficient way to learn about HTML5 and discover how to incorporate its countless features in your web pages and applications. With this training, you will quickly go from a basic what?, why?, and when? (now!) 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. You'll be surprised, not only by how much you'll learn, but also by how much you'll end up unlearning (based on how we used to do things) and wonder how we ever survived without HTML5.
(2 days) 9:00am - 5:00pm

In the hands-on HTML5 training course you will learn how to create web applications with HTML5 so that you can start using it in your projects right away. Years from being finalizes as a spec? No problem! Our insturctors will explain which features are safe to use, which features you have to test for, and while aspects of HTML5 are still cooking so that you can avoid wasting your time on cross-browser issues.

Upon completion of the training course, you 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

Audience & Prerequisites

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.

To get the most out of the course, you should be somewhat familiar with HTML, CSS, and JavaScript. Prior expos ure to XML and Ajax is helpful, but not required.

Outline - History, Vision And 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

Getting Started With HTML5

  • The State Of Browser Support
  • Feature Detection
  • Support For Legacy Browsers
  • Graceful Degradation
  • Emulation
  • Developer Tools

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

Forms

  • What Are The Needs For Web Applications?
  • Current Solutions
  • New Input Types
  • New Attributes
  • Form Validation
  • Browser Support

Audio And Video

  • The State of Web Audio And Video Based On Plugins
  • The State Of Audio And Video Codecs (e.g. H.264, WebM, etc.)
  • Video/Audio Codecs And Browser Support
  • New Audio/Video Markup
  • Attributes And Methods
  • Understanding Audio/Video Events
  • Customizing Audio/Video Controls

CSS3

  • CSS3 Effects
  • Rounded Corners, Drop and Inset Shadows, Text Shadows, Gradients, Transforms (rotate, scale, translate)
  • Animating with CSS3
  • Transitions
  • Keyframe Animations

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, Circles Or Arcs
  • Drawing Text
  • Drawing Images & Working With Pixels
  • Understanding Transforms Translation Rotation Scaling
  • Browser Support

Data Storage

  • Problems With The Existing Cookie-based Model
  • Hacks Prior To HTML5
  • New Storage Options
  • Web Storage
  • Web SQL Storage
  • Browser Support

HTML5 Offline Applications

  • The Need For Offline Mode
  • The Manifest File
  • The application Cache Events
  • Deployments And Updates
  • Browser Support

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

HTML5 Web Workers

  • The Current JavaScript Execution Model
  • Introduction To Web Workers
  • Usage Of Web Workers
  • Communication APIs
  • Handling Errors
  • Browser Support

HTML5 Messaging APIs

  • Cross-document Messaging
  • Dealing With The Origin Concept
  • XMLHttpRequest Level 2
  • Cross-document XMLHttpRequest
  • Progress Events
  • Server-sent Event
  • Browser Support

HTML5 Web Sockets

  • Overview Of Web Communication Options
  • The History(Comet)
  • Overview Of Web Sockets API And Protocol
  • Advantages Of Web Sockets
  • Browser Support

About the instructor

Richard Hurst

Rick has been a freelance software engineer since he graduated in the early 2000's. He has worked in the UK and America both as a freelance consultant and as a freelance developer. He is a very passionate and seasoned full stack developer, specializing in advanced front end user interface(UI) and user experience(UX).

Currently he is freelancing at a fast growing and profitable start-up in San Francisco where he is their lead CSS3/HTML5 developer, ensuring that extremely complex “stuff” is really simple to use.

Having worked with nearly all web technologies over the last decade he believes that there is no one size fits all technology. However, he is an advocate for using open source wherever possible and admittedly has an affinity for curly brackets.

Rick is a CSS3 evangelist and a self-confessed jQuery-holic. You will also often find him talking about JavaScript being a 'real' language, or that JavaScript on the server is “paradise” and that object based DBs are what the world has been missing.

Between attending ju-jitsu classes, hitting up Las Vegas on the weekends and playing Magic the Gathering with the other Regpack geeks, Rick is currently developing a real-time unified social network for the trade show industry based in Las Vegas and a comprehensive software platform for a crowdfunding app based in San Francisco.

Questions:

If you have any questions or want more information regarding the HTML 5 Fast Track class, please email Kert Gartner, our Certification Co-ordinator at kert@newmediamanitoba.com.