Teaching Web Design

The CodeHS Web Design course is a project-based course that teaches students how to build their own web pages. With the CodeHS online Professional Development course, we'll train teachers at your school to teach an excellent Web Design course. No programming experience is required. Teachers will gain the skills, pedagogical knowledge, resources, and confidence to lead a great web design class with CodeHS.

  • No programming experience required

  • Flexible self-paced timeframe

  • In-course support with an instructor

Course Overview

Here is an outline of the modules:


In this first module we give you an overview of the Computing Ideas Professional Development course. We'll learn about key principles and ideas for teaching the course, discuss access and equity in the field of Computer Science, and set goals and expectations for how to make the most out of this course.

Web Design Bootcamp

In this unit, students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.

Using CodeHS Effectively

In this short module you will gain an understanding of what CodeHS brings to your classroom, and learn how to use the CodeHS platform effectively.

Teaching Web Development

In this module we'll go over teaching the basics of web development. We will cover common misunderstandings, explain ways to teach these concepts in the classroom, and how to grade student web pages.

Basics of Debugging

Debugging is locating and fixing errors in programs, and is one of the most important skills for your own programming as well as grading others’ code. In this module we’ll identify common errors, and teach you effective debugging strategies that you can model and teach to your students.

Teaching a Blended Coding Class

Learn what leading a blended classroom with both online and offline activities looks like, and learn helpful ideas and best practices for incorporating online learning into a traditional classroom.

Course Format

Our professional development course is offered entirely online and is made up of a series of learning modules that cover both the basics of web design and the pedagogy of teaching web design in a blended classroom. Each module is made up of short video tutorials, programming exercises, open-ended responses, debugging problems, and grading practice.

The course is high-touch, with teachers receiving personalized feedback and support from our PD team after completing each activity. The course takes approximately 30 hours. Teachers can complete it on their own time, during summer, school professional development days, or school holidays.

What will happen when you sign up?

First, we'll get you enrolled in the course and schedule a welcome call with your Account Manager. (S)he will learn about your plans and goals for teaching computer science in order to foster the best learning experience for you. You'll create a timeline to complete the course. As soon as you're enrolled, you can jump in and start working through the online modules.