Web Development Foundations

This course turns you from someone who uses websites into someone who builds them. You write HTML for structure, CSS for design and JavaScript for interactivity, then publish your own responsive portfolio site online. Along the way you learn the tools professional developers use every day, including VS Code and the browser developer tools.

• Structure web pages with clean, semantic HTML
• Style layouts with CSS, Flexbox and Grid
• Make pages work on phones, tablets and desktops
• Add interactivity with JavaScript
• Use VS Code and browser developer tools like a professional
• Publish your own portfolio website online

1. 01

   How the web works

   Browsers, servers, domains and the tools you will use throughout the course.

2. 02

   HTML structure

   Headings, text, links, images, lists, tables and forms.

3. 03

   CSS styling

   Colours, fonts, spacing, the box model and reusable styles.

4. 04

   Layouts with Flexbox and Grid

   Modern page layouts that adapt to any screen size.

5. 05

   JavaScript basics

   Variables, conditions, loops and functions, explained with small exercises.

6. 06

   Interactive pages

   Responding to clicks, validating forms and updating the page with JavaScript.

7. 07

   Portfolio project

   Designing, building and publishing your own responsive portfolio site.