Web Fundamentals Classroom

Welcome to the CS in Schools Web Fundamentals classroom!

Lesson 1: What is the Internet?

Welcome to the first lesson!

In this lesson, you’ll learn about the Internet; what it is, what it’s made up of and how it all works. To get started, take a copy of the first worksheet and watch the video below. You can follow along with the slides if you like.

You can then complete the Lingo Bingo and Scavenger Hunt activites as directed by your teacher. There is also a quiz you can take to confirm your understanding.

Lesson 2: Our First Web Page

In this lesson, you’ll learn about the basics of HTML; what it is and how to use it. Watch the video below, and then complete the coding activities. You can follow along with the slides if you like.

Now, complete the following three coding exercises:

  1. 02.01 – My Favourite Animal!
  2. 02.02 – Charlie and Chloe’s Big Adventure!

If you have time, you can then complete the My Favourite… extension activity.

Lesson 3: Styling Web Pages

In this lesson, you’ll learn about the basics of CSS; what it is and how to use it. Watch the video below, and then complete the coding activities. You can follow along with the slides if you like. There is a worksheet you can try too!

Now, complete the following three coding exercises:

  1. 03.01 – Clouds
  2. 03.02 – Top 3 Movies
  3. 03.03 – Results

Lesson 4: Colours

In this lesson, you’ll learn how to add colour to your web pages. To get started, watch the video below and take a copy of this worksheet. You can follow along with the slides if you like.

Now, complete the following three coding exercises:

  1. 04.01 – Colour my Face
  2. 04.02 – Gradient Experiments
  3. 04.03 – Colour Wheel

There’s also a fun guessing game you can play here!

Lesson 5: Hyperlinks

In this lesson, you’ll learn how to add hyperlinks to a web page. To get started, watch the video below and give this worksheet a go, and then complete the coding activities. You can follow along with the slides if you like.

Now, complete the following three coding exercises:

  1. 05.01 – My Favourite Websites
  2. 05.02 – Australian Rules Football
  3. 05.03 – Navbars

You can also look through a web page for some hyperlinks by using this worksheet.

Lesson 6: Software Engineering

In this lesson, you’ll learn about the basics of Software Engineering; what it is and how to use the Agile methodology. To get started, watch the video below and you can follow along with the slides if you like.

Now, complete the following three worksheets:

  1. 06.01 – User Stories
  2. 06.02 – Paper Prototypes
  3. 06.03 – Feedback

Lesson 7: Assignment

In this lesson, you’ll start work on the assignment. To get started, follow along with the slides, and take a look through the following assignment documentation. Here is some template code, and a template for your final paper prototypes, if you want to redraw them.

To help you get started, watch the video guide below.

Assignment documentation:

  1. Assignment Details
  2. Assignment Guide
  3. Assignment Rubric

Lesson 8: Assignment

In this lesson, you’ll continue work on the assignment. To get started, have a look at the slides. All the documentation you might need is under “Lesson 7”.

Resources

You can find all of the resources on the homepage.