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.

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.

This course uses the online platform Trinket

• Build a website using HTML
• Welcome to the course
• Web architecture
• Write your first HTML pages
• Debugging HTML
• Style websites using CSS
• Welcome to week two
• Styling your webpages
• Cascading Style Sheets
• Classes and ids
• CSS layouts
• Make websites interactive with JavaScript
• Welcome to week three
• Interactive webpages
• The Document Object Model
• Finishing your quiz
• Your own interactive website