HTML, CSS & JavaScript - 101 Computing

Creating a Visual Hierarchy in HTML/CSS

Administrator — Wed, 02 Apr 2025 17:06:10 +0000

In this post, we will explore the concept of visual hierarchy and how you can use your coding skills to recreate a specific visual layout. By the end of this challenge, you will have a better understanding of how to…

The post Creating a Visual Hierarchy in HTML/CSS first appeared on 101 Computing.

HTML and CSS Quizzes

Administrator — Mon, 16 Oct 2023 17:13:13 +0000

Do you know your HTML tags used to create a webpage? Do you know how to use CSS to customise the look and feel of all the elements of this page? See how many HTML tags and how many CSS…

The post HTML and CSS Quizzes first appeared on 101 Computing.

Work Life Balance (HTML, CSS & JS Challenge)

Administrator — Fri, 24 Feb 2023 15:18:10 +0000

When your browser displays a webpage on screen it uses 3 different programming languages called HTML, CSS and JavaScript. We call the combination of these three languages “client-side web technologies”. Each of the three language has its own syntax and…

The post Work Life Balance (HTML, CSS & JS Challenge) first appeared on 101 Computing.

Information Board: Javascript Challenge

Administrator — Thu, 31 Mar 2022 11:29:31 +0000

In this challenge we are creating an information board that displays key messages on a LED screen that consists of 4 rows of 20 characters. We have created the HTML, and CSS code to render the board on the screen…

The post Information Board: Javascript Challenge first appeared on 101 Computing.

CSS Noughts & Crosses

Administrator — Tue, 18 Jan 2022 22:28:24 +0000

Test your knowledge of essential CSS properties by playing a game of noughts and crosses against the computer… Take the Quiz! (open full screen)

The post CSS Noughts & Crosses first appeared on 101 Computing.

Wanted Poster (CSS Task)

Administrator — Wed, 10 Mar 2021 16:31:08 +0000

For this challenge we will create a Wanted Poster using a range of HTML and CSS skills. CSS Selectors & CSS Properties In order to complete this challenge, you need a good understanding of how CSS selectors work. You can…

The post Wanted Poster (CSS Task) first appeared on 101 Computing.

Stopwatch Class (JavaScript)

Administrator — Sun, 27 Dec 2020 19:30:21 +0000

In this challenge we will create an interactive stopwatch using HTML, CSS and JavaScript. The aim of this blog post is to use Object Oriented Programming to create our own Stopwatch class. Step 1: Stopwatch Class and its constructor First…

The post Stopwatch Class (JavaScript) first appeared on 101 Computing.

Poker Card Game (JavaScript)

Administrator — Wed, 23 Dec 2020 10:43:51 +0000

In this challenge we will create a one-player game of poker based on the rules of Texas Hold’em Poker. In a game of Texas Hold’em Poker, for each round, five “community cards” are dealt face-up on the “board”. Each player…

The post Poker Card Game (JavaScript) first appeared on 101 Computing.

Lemon Drizzle Cake Recipe (HTML Task)

Administrator — Thu, 22 Oct 2020 19:31:41 +0000

In this blog post we are going to help Elian save his favourite cake recipe as a web page. Elian has already typed all the instructions for his lemon drizzle cake recipe but needs your help to format how the…

The post Lemon Drizzle Cake Recipe (HTML Task) first appeared on 101 Computing.

The colours of the rainbow (HTML task)

Administrator — Wed, 21 Oct 2020 22:44:29 +0000

In this blog post we are going to help Asya complete her homework research task about rainbows. Asya has collated a range of interesting facts about rainbows and has decided to submit her work as an HTML page. She has…

The post The colours of the rainbow (HTML task) first appeared on 101 Computing.