HTML5 and Responsive CSS for Developers

Course Overview 7m 57s

What this course covers, and what the follow on module will cover

Basic HTML and CSS overview 25m 37s

A recap of some of the basic HTML and CSS rules. This is an optional chapter which gives a short review of the fundamentals of HTML and CSS to ensure that all pre-requisites for the following chapters are covered

HTML structure and coding style 28m 26s

Understanding the meaning of the structure of an HTML document - including the doctype declaration, namespaces, and the differences between HTML and XHTML

HTML5 - Document structure 30m 46s

In this chapter we cover the new HTML5 sectioning elements, and talk about when you should use DIVs within an HTML5 web page.

HTML5 - Enhancing forms 37m 10s

We look at the new HTML5 input types, and how these can aid data entry for the user, and validation for the programmer. We'll understand which browsers support the functionality. We also cover labels in this chapter.

HTML5 - Display elements 37m 21s

In this chapter we explore the new display tags - progress, meter, summary and details, and we briefly mention pollyfills - a way of achieving HTML5 functionality on older browsers.

HTML5 - Audio and Video 18m 43s

We demonstrate how to use the Audio and Video tags to provide media to the user without the need for browser plugins. This includes how to provide a "fall-back" where the browser doesn't support the audio or video tag, and we discuss the issues around video encoding and browser compatibility.

CSS - Making websites responsive 65m 54s

We talk about what developers need to know to make a responsive website, including screen-size based page redirects, setting the viewport, and using media queries. This chapter focuses on strategies and implementing functionality rather than design.

Coming Soon 2m 24s

We'll mention some of the other aspects of HTML5 that we haven't covered in this course (particuarly SVG and Canvas) which we'll plan to cover in a follow up module soon.