HTML5 Fundamentals

Learn about the new semantic markup and JavaScript APIs that make up HTML5.
Course info
Rating
(1687)
Level
Beginner
Updated
Aug 8, 2013
Duration
3h 56m
Table of contents
Introduction
DOM Selection
Forms
Media
Canvas
Drag and Drop
Description
Course info
Rating
(1687)
Level
Beginner
Updated
Aug 8, 2013
Duration
3h 56m
Description

Learn about HTML5 and find out about what new elements and JavaScript APIs make up HTML5. Find out why you can start today using HTML5 in your applications and what to expect in the future. Follow along with examples in DOM selection, HTML forms, media, canvas and the drag and drop APIs.

About the author
About the author

Craig Shoemaker is a developer, instructor, writer, podcaster, and technical evangelist of all things awesome.

More from the author
HTML5 Fundamentals
Beginner
3h 47m
Mar 3, 2017
jQuery: Getting Started
Beginner
1h 40m
Jun 3, 2015
More courses by Craig Shoemaker
Section Introduction Transcripts
Section Introduction Transcripts

Introduction
Hello and welcome to Pluralsight's Fundamentals of HTML5, Second Edition. This is Craig Shoemaker and in this course, I'll introduce you to all that's new in HTML5 from new markup changes to existing elements and the use of some new JavaScript APIs found in what we've come to know and love as HTML5. As this is the Second Edition of the course, I've revisited each code demo and completely updated the information to be current at time of recording here in the Summer of 2013. I've also added two bonus modules to the course - one on the HTML5 Selection API and one on drag-and-drop. So, what you can expect from our time together is an overview of what HTML5 is as a whole and have gained a solid understanding of how HTML5 is different from HTML4 and its predecessors, as well as XHTML. Then we'll discuss the release date and how to use these new technologies today. You'll learn how to use the HTML5 Selection API and how to use CSS3 Selectors with native selection function calls. We'll dive into what's new with HTML5 Forms and you'll learn about the native validation API, new form types, and some other very useful features now available with HTML5 Forms. Next, you'll learn how to use the browser as a drawing surface by using the HTML5 Canvas. Native Media is also available. You'll learn to play video and audio in the browser without plug-ins, as well as learn to control the player programmatically. Finally, you'll learn to use the Drag & Drop features to enable Drag & Drop support on images, links, text, and even arbitrary elements on the page. This module will round off with you learning how to implement a Drag & Drop Module that greatly simplifies working with the Drag & Drop API. So, now it's time to consider what exactly is HTML5?

DOM Selection
In this module, you'll learn all about the Selection API now available within HTML5. In the past, Traditional DOM Selection left something to be desired and, in fact, the huge success of libraries like jQuery initially came from the desperate need to be able to select against the DOM in a more reliable, speedier fashion. Well in HTML5, there are a number of new selectors available that not only make working with the DOM easy, but also super fast.