• raspberry pi
  • National Centre for Computing Education logo

Introduction to Web Development

4.7 (164 reviews)

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

40,365 enrolled on this course

A robot with a paintbrush looks questioningly at a web site. On the web site and surrounding the robot are images repsenting the course, including web servers, a pencil, and websites on various devices

  • Duration

    3 weeks

  • Weekly study

    2 hours
Overview
Start dates
Requirements
Educators
Learner reviews
More courses

Other courses you might like

This course isn't running right now. We can email you when it starts again, or check out these other courses you might like.

Raspberry Pi Foundation & National Centre for Computing Education

Programming 102: Think Like a Computer Scientist

4.7 (95 reviews)

4 weeks

2 hrs per week

Included in Unlimited

Find out more
Packt & FutureLearn

A Beginner’s Guide to Web Development with HTML5

2 weeks

3 hrs per week

Premium course

Find out more
FutureLearn

Software Development Basics

4.5 (12 reviews)

4 weeks

3 hrs per week

Included in Unlimited

Find out more

Browse more in Teaching and IT & Computer Science

Coding & Programming · Secondary Education Teaching · STEM Teaching · Teaching Computing · Web Development
View all courses

Find the right course for you

See your personalised recommendations based on your interests and goals.

Get started

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 seconds How 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 seconds Sign 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?

  • Date to be announced

Add to Wishlist to be emailed when new dates are announced

Learning on this course

On every step of the course you can meet other learners, share your ideas and join in with active discussions in the comments.

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

What do people say about this course?

I finished [the course] wishing to do this as a profession.

"I started the course with the thought of acquiring some more knowledge on how to be a web developer and I finished it wishing to do this as a profession."

Manuela Marcu

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

This course is part of the National Centre for Computing Education (NCCE). Funded by the Department for Education and partners, we aim to change the way computing is taught in schools across England, and enable more young people to benefit from studying this important subject.

If you are a teacher in England you can get free upgraded access to this course, and use it towards NCCE certification. To do this, you must join the course through the Teach Computing website

Endorsers and supporters

supported by

Google logo

Learning on FutureLearn

Your learning, your rules

  • Courses are split into weeks, activities, and steps to help you keep track of your learning
  • Learn through a mix of bite-sized videos, long- and short-form articles, audio, and practical activities
  • Stay motivated by using the Progress page to keep track of your step completion and assessment scores

Join a global classroom

  • Experience the power of social learning, and get inspired by an international network of learners
  • Share ideas with your peers and course educators on every step of the course
  • Join the conversation by reading, @ing, liking, bookmarking, and replying to comments from others

Map your progress

  • As you work through the course, use notifications and the Progress page to guide your learning
  • Whenever you’re ready, mark each step as complete, you’re in control
  • Complete 90% of course steps and all of the assessments to earn your certificate

Want to know more about learning on FutureLearn? Using FutureLearn

Learner reviews

Learner reviews cannot be loaded due to your cookie settings. Please and refresh the page to view this content.

Do you know someone who'd love this course? Tell them about it...

You can use the hashtag #RPiLearn to talk about this course on social media.