HTML5 Tutorial

In June 2013, Coreservlets.com will be hosting a live HTML5 training course in Maryland, developed and taught by David Geary. David is the author of Core HTML5 Canvas (as well as eight best-selling Java texts), is a three-time Java Rock Star at Java One, and has spoken and taught all over the world.

This is the beginning of what I hope will become a more extensive tutorial on HTML5. Although I hope in the long term to cover some of the advanced HTML5 topics that will be supported in upcoming browser releases, the main reason I put the tutorial together was to answer two questions of short-term importance:

  • What is the basic structure of an HTML5 document, and will this structure work in older browsers that know nothing of HTML5?
  • What new input types (sliders, color pickers, etc.) are available in HTML5, how do I use them, what browsers support them, and how can I use them in a way that will avoid problems in older browsers that know nothing of HTML5?

These two questions are answered in some detail in the first two sections below. I hope to add some of the more advanced topics in mid-to-late Spring, 2013. In the meantime, please send corrections and suggested improvements to hall@coreservlets.com.

Basic/Minimal Structure of an HTML5 Document

This page shows the minimal structure of an HTML5 document. The page also lets you click to get more details on each of the minimally-required element types, with an explanation of why it falls back gracefully in older browsers.

New Input Types in HTML5

This page covers the new input types defined in HTML5: sliders, number spinners, popup calendars, color choosers, autocompleting suggest boxes, and more. For each of these new input types, we present a high-level description, an overview of the syntax, a description of the main attributes, a summary of which current browsers support it, and an example you can experiment with in your browser. It also explains why you the input types fall back gracefully in old browsers, so you can start using them now.

Other New HTML5 Elements (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Microdata Formats Honored by Google (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Web Workers: Real Multithreading in JavaScript (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

New JavaScript Properties and Functions (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Persistent Local Storage (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Canvas and Drawing (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Video without Plugins (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.

Other Topics (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. David Geary is taking over the rest of the tutorial, and will be adding material during Spring and Summer 2013.If you have opinions on which topics should come first, or on what other topics should be included, please email me at hall@coreservlets.com.

More Information

Java

JSF (JavaServer Faces)

Servlets & JSP
Ajax, GWT, & JavaScript

Spring, Hibernate, & JPA

Struts