Improve your coding skills from beginner to expert with the largest online Java e-learning platform

HTML5 and Responsive CSS for Developers

What developers need to know about HTML5 and mobile friendly "responsive" websites.
  • The essentials of HTML and CSS that web developers need to know
  • The new features of HTML5, and using CSS to create responsive websites.

Contents -


Having problems? check the errata for this course.


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.

Let the Course Come to You

About Us Pricing Frequently Asked Questions Contact Privacy T&Cs Affiliates and Resellers
Facebook Twitter YouTube LinkedIn