Take your programming skills to the next level with our Java e-learning programme

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 -

 

1

Course Overview


7 m 57 s
What this course covers, and what the follow on module will cover

2

Basic HTML and CSS overview


25 m 37 s
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


28 m 26 s
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


30 m 46 s
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


37 m 10 s
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


37 m 21 s
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


18 m 43 s
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


65 m 54 s
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


2 m 24 s
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