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

16,397 enrolled on this course

Introduction to Web Development
The CPD Certification Service

This course has been certified by the CPD Certification Service as conforming to continuing professional development principles. Find 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 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 a 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.

Who is this accredited by?

The CPD Certification Service
The CPD Certification Service:

The CPD Certification Service was established in 1996 and is the leading independent CPD accreditation institution operating across industry sectors to complement the CPD policies of professional and academic bodies.

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

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

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

Google logo

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!)
$279.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.