You will also code a reset button to change the colours and start a new game. The player has to click on a colour to guess which colour matches the shown RGB value. You will make a colour guessing game where the player will see six different colours swatches and one set of RGB (red, green, blue) values. In this project you will learn some of the basics of JavaScript, one of the world’s most popular programming languages.

In this tutorial you will create a movable web page for a cake recipe. This cool website scrolling technique is called ‘parallax scroll’. You will learn how to make background content on a web page move at a different speed to the foreground content. This web development project will teach young people how to use CSS classes. This beginner web development project brings young people step-by-step through coding a web page about their favourite celebrity! You will learn how to style headings, add images, embed youtube videos and display a twitter profile onto a webpage! We chose Maddie Moate for our example, but young people can choose whoever they want to make a website about! We’ve sorted them according to their difficulty, from beginner to intermediate, so young people can progress through each new project, as they master skills from the previous project. Check out the four latest projects developed by our content team which cover HTML, CSS and Javascript.

Js beginner projects