“Design is not just what it looks like and feels like. Design is how it works.”
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 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 May 9.
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 June 6.
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!
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.
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.
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.
Find a welcoming community of qualified tutors providing personalised, one-on-one support. Get help and communicate in a safe, moderated environment.
Grok competitions are challenging, and we want to recognise students’ achievements! All students who participate will receive a printable certificate.
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!
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.
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 email@example.com.
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!
Our problem-based learning approach matches each new concept with a problem so you learn by doing!
Code from any device, any time - start a question on your iPad at school and finish it off on your computer at home.
Dive straight into coding while using the notes, with interactive code snippets that can be edited and run.
Our automarker breaks each problem down into tests and gives you useful feedback to help you solve it!
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 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.