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

29,098 enrolled on this course

Educators are currently active on this course

Introduction to Web Development

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.

Syllabus

  • Week 1

    Build a website using HTML

    • Welcome to the course

      An introduction to the course, and a chance to meet the course facilitators and your fellow learners.

    • Web architecture

      What is the web and how does it rely on HTML?

    • Write your first HTML pages

      Write a climate change webpage and link it to another webpage.

    • Debugging HTML

      Learn how to spot the problems that can prevent your webpages from displaying.

  • Week 2

    Style websites using CSS

    • Welcome to week two

      What's coming up this week?

    • Styling your webpages

      Using the `style` attribute in HTML to change the look of a webpage.

    • Cascading Style Sheets

      Separating out style information from your HTML.

    • Classes and ids

      Styling particular HTML elements by referring to them by class or id.

    • CSS layouts

      Using the box model to design and control the layout of a webpage.

  • Week 3

    Make websites interactive with JavaScript

    • Welcome to week three

      An introduction to the week and a chance to reflect on your progress so far.

    • Interactive webpages

      How can you use JavaScript to react to your user's actions?

    • The Document Object Model

      How JavaScript can access and edit the HTML of your webpage.

    • Finishing your quiz

      Using JavaScript to give a score and feedback when users submit their answers.

    • Your own interactive website

      Create your own website using HTML, CSS, and JavaScript.

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

Learning on this course

If you'd like to take part while our educators are leading the course, they'll be joining the discussions, in the comments, between these dates:

  • 4 Oct 2021 - 25 Oct 2021

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

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

This course is part of our professional development teacher programme for the National Centre for Computing Education (NCCE). Our nationally-recognised certificates cater for all levels of teaching.

Funded by the Department for Education and supporting partners, we aim to transform the way computing is taught in schools across England, and enable more young people to benefit from studying this important subject.

Endorsers and supporters

supported by

Google logo
Recommended

Ways to learn

Unlimited

Upgrade this course

Basic access

Choose the best way to learn for you!

$15.83/month

Billed annually at $189.99/year

$49

Free

Endless possibilities!Unlock your expertiseTry before you upgrade
Access to this courseticktickLimited to 5 weeks
Access to ALL eligible short courses with additional benefits, for a yeartickcrosscross
Discuss your learning in commentstickticktick
Certificate when you're eligibleDigital onlyPrinted and digitalcross
Join and Upgrade

Ways to learn

Upgrade this course for extra benefits, or buy Unlimited to access this course and hundreds of other short courses for a year. Or, join with basic access.

Upgrade this course

$49

Unlock your expertise

  • Access to this course
  • Discuss your learning in comments
  • Certificate when you're eligible

Unlimited

$15.83/month

Billed annually at $189.99/year

Endless possibilities!

  • All of the above for ALL eligible short courses, for a year*

*Digital certificates only

Basic access

Free

Try before you buy

  • Limited access to course content for 5 weeks

Find out more about certificates, Upgrades or Unlimited.

Available until 22 November 2021 at 23:59 (UTC). T&Cs apply.

Learning on FutureLearn

Your learning, your rules

  • Courses are split into weeks, activities, and steps, but you can complete them as quickly or slowly as you like
  • 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.