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 3 months 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

From the Sections App, you can view your Sections, create a new Section, and configure Section Settings. See our full article about Using the Sections App.

Sections app feature highlights:

  • 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.

Annotated screenshot showing main features on the Sections App

Roster App Main Features

With the Roster App, you can access tools to manage your roster, adjust Student Settings, and Invite students to the section.See our full article about Using the Roster App.

Roster app feature highlights:

  • 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.

Annotated screenshot showing main features on the Roster App

Assignments Tool Main Features

The Assignments tool helps you manage and track your coursework efficiently. It serves as a comprehensive resource, allowing you to preview, create, delete, and edit Course Assignments. Find more information here.

Assignments tool highlights:

  • 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 (on select Assignments): view the Problem Guide

    • Purple Clipboard: Grade student work for that Assignment

    • Blue Eye: Preview the Assignment

    • Teal Gears: Configure Assignment settings

Annotated screenshot showing main features on the Assignments App

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

See Using the Code Editor for more details!


Still have questions? Contact our team at hello@codehs.com to learn more!

Did this answer your question?