Introduction to Web Development (edX)

Along the way you'll learn about the box model, which describes how websites are laid out by browsers, and about the Document Object Model, which your JavaScript code will interact with to dynamically change your web pages.

In the final week, you'll finish by making a quiz web page and then you will demonstrate your new skills by making your own website.

What you'll learn

Over the following three weeks, you will:

- Produce a HTML web page using suitable tags and attributes

- Explain the advantages of CSS compared to inline styling

- Apply classes and ids to style a website

- Model web pages using the box model

- Demonstrate how to use the Document Object Model (DOM) to access an element of a web page

- Produce an interactive website using JavaScript

Syllabus

You will cover:

- HTML tags and attributes

- Styling web pages using CSS

- CSS classes and ids for styling web page elements

- Layouts in CSS, including the box model and responsive design

- Using JavaScript to make interactive web pages

- The Document Object Model

- Validation