Skip to main content
All CollectionsCodeHS GuidesGetting Started with CodeHS
Quick-Start Navigation Guide for Teachers
Quick-Start Navigation Guide for Teachers

Get started navigating the site, the Sections, Roster, and Assignments apps, and learn about the Code Editor

Gary Gould avatar
Written by Gary Gould
Updated over a week ago

This article highlights the basic navigation and tools for getting started on CodeHS. Learning the features on the Sections App, the Roster App, the Assignments App, and the Code Editor will help prepare you to teach your first class!

Basic Site Navigation

Your Teacher Page is what you'll see first when logging into your account. This video will walk through the first steps of getting started with CodeHS:

  • Navigating around the site

  • Adding a Course from the Catalog and creating a Section

  • Viewing Course Assignments and Lesson Plans

  • Using Due Dates, Access Controls, and Grading Settings

  • Code Review Page and Gradebook

  • Support and Knowledge Base

Sections App Main Features

Annotated screenshot showing main features on the Sections App
  • From the Sections App tabs, view your sections, create a new Section, and configure Section Settings

  • Teacher vs Student View: From the student view, you're able to preview curriculum as a student.

  • Click a Section to view its Roster.

  • Locate the Class Code for a Section.

  • Access Section settings and other options using the ". . ." next to a Section's title.

Roster App Main Features

Annotated screenshot showing main features on the Roster App
  • From the Roster App tabs, access tools to Manage your roster, adjust Student Settings, and Invite students to the section.

  • Change the Section you're viewing with the dropdown menu.

  • Click a student's name to view their course progress

  • Click the ". . ." next to a student's name to remove them from the section or move them to a different one.

Assignments App Main Features

Annotated screenshot showing main features on the Assignments App
  • Use the top dropdown menus to change the Course and Section you're viewing.

  • Click on the names of Units and Lessons to fully expand them to view the Assignments within.

  • Click the violet icon next to a Lesson title to view the Lesson Plan.

  • Click the icons next to Assignments to access additional tools and features:

    • Green Lightbulb: view the Problem Guide

    • Purple Clipboard: Grade student work for that Assignment

    • Blue Eye: Preview the Assignment

    • Teal Gears: Configure Assignment settings

Using the Code Editor

The Code Editor (or IDE) is where students write and run programs. You can also grade programs from the Code Editor. This video will highlight these features:

  • Running and checking code with the autograder

  • The Docs tab, which lists commands and syntax

  • Grading student code and accessing solutions.

Code Editor Main Features

Annotated screenshot demonstrating main features of the Code Editor

Still have questions? Contact our team at to learn more!

Did this answer your question?