Discover web development and learn to build your own interactive websites using HTML, CSS, and JavaScript. Supported by Google.
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.
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
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