• raspberry pi
  • National Centre for Computing Education logo

Introduction to Web Development

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

Introduction to Web Development
  • Duration3 weeks
  • Weekly study2 hours
  • LearnFree
  • Extra BenefitsFrom $44Find out more

Learn the basics of web development

On 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.

Download video: standard or HD

Skip to 0 minutes and 2 secondsHow can you build your own website using HTML? How can you style your site across different devices with CSS? And how can JavaScript make your website interactive? This free course will teach you how to design and create your own engaging website. You'll take part in practical activities to link web pages together, embed images, style elements, and core functions based on specific events. This three-week course also contains peer led discussions, trainer interaction, and feedback on your knowledge as you progress. You can learn whenever and wherever you want. So whether you're a teacher with students of your own or simply want to boost your programming skills, this course will help you take your first steps in becoming a web developer.

Skip to 0 minutes and 56 secondsSign up now at rpf.io/webdevelopment.

What topics will you 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

When would you like to start?

Most FutureLearn courses run multiple times. Every run of a course has a set start date but you can join it and work through it after it starts. Find out more

  • Available now

What will you achieve?

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

  • 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

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 of 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?

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

Supporters

supported by

Learner reviews

Join this course

Start this course for free, upgrade for extra benefits, or buy Unlimited to access this course and hundreds of other short courses for a year.

Free
$0

Join free and you will get:

  • Access to this course for 5 weeks

Upgrade
$44

Upgrade this course and you will get:

  • Access to this course for as long as it’s on FutureLearn
  • A print and digital Certificate of Achievement once you’re eligible

Unlimited (New!)
$259.99 for one year

Buy Unlimited and you will get:

  • Access to this course, and hundreds of other FutureLearn short courses and tests for a year
  • A printable digital Certificate of Achievement on all short courses once you’re eligible
  • The freedom to keep access to any course you've achieved a digital Certificate of Achievement on, for as long as the course exists on FutureLearn
  • The flexibility to complete your choice of short courses in your own time within the year
Find out more about upgrades or Unlimited.