Introduction to Web Development Course - Raspberry Pi Foundation

Discover web development and learn to build your own interactive websites using HTML, CSS, and JavaScript. Supported by Google.

Learn the basics of web development

In this course from the Raspberry Pi Foundation, you’ll first build a website using HTML, style it with CSS, and then make it interactive using JavaScript.

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 design and create a quiz web page and demonstrate your new skills by making your own website.

When would you like to start?

Start straight away and learn at your own pace. If the course hasn’t started yet you’ll see the future date listed below.

• Available now
• 4 October 2021

Who is the course for?

This course is designed for teachers delivering lessons at a GCSE level or equivalent, and for beginner programmers looking to start using HTML and JavaScript.

To take this course, you need to be familiar with basic programming structures such as loops and if statements, but you don’t need any experience with HTML, CSS or JavaScript.

For the week on JavaScript, you need to be comfortable with using functions with parameters and return values. We recommend that you take our Programming 102 course if you are unsure.

What software or tools do you need?

This course uses the online platform Trinket

Who will you learn with?

Matt Hogan

Hi, I am Matt. I love being a Learning Manager for Key Stage 4 at The Raspberry Pi Foundation. I feel privileged to support the computing education community from across the world.

Who developed the course?

Raspberry Pi Foundation

The Raspberry Pi Foundation works to put the power of digital making into the hands of people all over the world, so they are capable of understanding and shaping our increasingly digital world.

National Centre for Computing Education

National Centre for Computing Education courses.

Supported by Google

Learn on FutureLearn

What topics will you cover?

• Build a website using HTML
• Style websites using CSS
• Make websites interactive with JavaScript

What will you achieve?

By the end of the course, you‘ll be able to:

• Produce an 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.