Web.Comp 2021

Starts October 25

“Design is not just what it looks like and feels like. Design is how it works.”
—Steve Jobs

What is Web.Comp?

Web.Comp is a web design competition for school students. We’ll teach you how to build a website as we go along, rather than expecting you to be an expert already.

Web.Comp 2021 has two components:
Learn is a 4-week series of challenges where students learn as they go along. Each week, we'll release interactive notes with the information students will need to complete the week's web design challenges. Students earn points for completing problems and claim a place on the leaderboard - participants will receive certificates for their results in this competition. The Learn competition starts October 25.
Tournament is a week long competition where students can design their own web pages and submit their creations to compete against other students' designs. They can also vote for their favourites. The Tournament begins on November 22.

Why learn web design?

Every time you use the web, you're seeing HTML and CSS.
We use websites every day. Creating a functional and well-designed website is one of the most useful technical skills you can learn.

Web.Comp teaches you HTML and CSS, the powerful building blocks needed to build a website from scratch. Learning to write HTML and CSS by hand gives you full control over the look and interactivity of your site, so you can implement your web designs exactly as you imagined them!

Which stream should I participate in?

Web.Comp (Beginners) course badge

Web.Comp (Beginners)

Students learn the basics of HTML, CSS, and how the internet works. We'll also teach them how to apply design principles to transform design briefs into digital creations. Recommended for students with little or no HTML/CSS experience.

Web.Comp (Intermediate) course badge

Web.Comp (Intermediate)

Want to go beyond the skills you learned in Beginners? Students will extend their web design knowledge and cover more advanced topics. We assume students have completed either the Beginners stream, or our Intro to HTML course.

Web.Comp (Tournament) course badge

Web.Comp Tournament

The tournament is open to all students. However, students will need some prior HTML/CSS knowledge to compete. We recommend students have previously completed either stream of Web.Comp or our Intro to HTML course.

Students will also receive…

Online tutor support

Find a welcoming community of qualified tutors providing personalised, one-on-one support. Get help and communicate in a safe, moderated environment.

Certificate of achievement

Grok competitions are challenging, and we want to recognise students’ achievements! All students who participate will receive a printable certificate.

Rank on the leaderboard

Students go head to head with other students from around the world! They earn points for each problem they solve, claim their rank on the leaderboard, to win glory for themselves and their school!

Free Access for Teachers

So what's the catch?

There really isn't a catch! We're committed to supporting teachers, both in and out of the classroom. That's why we offer all verified teachers free access to all of our material. Not just this competition, but all of the other courses and competitions we run.

You can use it for your own professional development, to compete alongside your students, or to find out whether the material is suitable for your students.

To get access as a teacher, simply create an account and request teacher verification from your account settings page.

Grok School Access for Students

Get a free 21 day trial

Students will need Grok School Access to participate in Web.Comp. Grok School Access gives students access to all our competitions and courses. We offer both yearly and semester access so you can choose which option works best for you.

To request access for your students, go to your teacher dashboard and click 'Request a Quote' and enter your numbers, we will get back to you shortly with a quote. While you wait for your quote, we will grant you a 21 day free trial so you and your students can get Grokking straight away. Questions? Send us an email support@groklearning.com.

Student designs from previous Tournaments

Check out student designs submitted to past Web.Comp Design Tournaments: The Plant Warehouse (a fictional plant sale) and gBay (a fictional online marketplace). Students were given the HTML for these websites which they styled using the web design skills they'd learned in the previous four weeks!

The Plant Warehouse

The most effective way for students to learn coding.

Challenging problems

Our problem-based learning approach matches each new concept with a problem so you learn by doing!

Code in the browser

Code from any device, any time - start a question on your iPad at school and finish it off on your computer at home.

Interactive notes

Dive straight into coding while using the notes, with interactive code snippets that can be edited and run.

Intelligent automarking

Our automarker breaks each problem down into tests and gives you useful feedback to help you solve it!

Designed for teachers

We've designed our platform with your needs firmly in mind. Let our classroom-ready resources do the heavy lifting of content delivery, so you can focus on your students.

View student progress

View and edit your students’ details, and easily keep track of their progress on our teacher dashboard. Get quick updates at a glance, or drill down to see all student activity.

Stop downloading, start uploading.

Register account
Grok on a rocket