Having problems? check the errata for this course.
1 |
Course Overview |
Preview
7m 57s |
|
What this course covers, and what the follow on module will cover | |||
2 |
Basic HTML and CSS overview |
Watch
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 | |||
3 |
HTML structure and coding style |
Watch
28m 26s |
|
Understanding the meaning of the structure of an HTML document - including the doctype declaration, namespaces, and the differences between HTML and XHTML | |||
4 |
HTML5 - Document structure |
Watch
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. | |||
5 |
HTML5 - Enhancing forms |
Watch
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. | |||
6 |
HTML5 - Display elements |
Watch
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. | |||
7 |
HTML5 - Audio and Video |
Watch
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. | |||
8 |
CSS - Making websites responsive |
Watch
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. | |||
9 |
Coming Soon |
Watch
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. |