Practical HTML5
Pluralsight
Course Summary
HTML5 has been around now for some time. But how do you get your head around all that comes with it? The answer is by doing. In this Practical HTML5 course, you can do exactly that by building a site from scratch, adding new HTML5, CSS3, and JavaScript features. The end result is a deeper understanding of how the various building blocks work together, and you'll have a working site as well!
-
+
Course Description
This course is a very practical way to learn web development using HTML5, JavaScript, and CSS3. We start with an empty website at the beginning of module 1. With every module, new topics are introduced. Instead of showing how they work in a stand-alone demo, they are added directly to our site. The outcome is a fully-functioning site that includes all of the HTML5 topics covered in the course. The site provides an online storefront for a coffee shop named Joe's Coffee Store. Among many other features, your finished site includes support for the canvas, drag and drop, new input types, geolocation, SVG, CSS3, audio, media, and much more. To conclude, this course takes the practical approach: open an editor, follow along, and by the time the course is done you'll have the whole picture of how the different HTML5 building blocks work together and can help you in avoiding the use of plugins for your web development.
-
+
Course Syllabus
Creating a Site Using HTML5- 38m 37s
—Module Introduction 1m 53s
—Looking at the End Result 3m 29s
—Demo: Looking at the End Result 3m 6s
—HTML5 Overview 6m 2s
—Building the Skeleton 12m 19s
—Demo: Creating the Pages Using the New Elements 10m 38s
—Summary 1m 7sAdding Some Basic CSS and JavaScript- 31m 53s
—Module Introduction 1m 17s
—Adding Some CSS 12m 59s
—Demo: Adding CSS to Our Site 8m 11s
—Adding a Little Bit of JavaScript 4m 34s
—Demo: Making Our Page a Bit More Interactive 4m 6s
—Summary 0m 44sNavigation, Forms, and Validation- 30m 49sAdding Style and Layout with CSS3- 33m 57sAdding Functionality Using Built-in JavaScript Libraries- 43m 23sUsing Video and Adding Graphical Elements with a Canvas- 42m 3sDrawing More Graphical Elements with SVG- 25m 25s
