The Code Editor, or IDE (Integrated Development Environment), is where students will go to write their programs! Students can write code, run code, check code, reset their code, change font size, view assignment details, access help documents, download code, view code history, view grade, correspond with teachers and share their program. From a teacher view you can do everything students can do, as well as view solutions, and check and grade student work!

If you are on any editor page on CodeHS, we provide a handy "Docs" tab to give you a quick reference to information you may need to finish your program. To find the docs, just click the "Docs" tab on the right side of the screen.

The Code History tab is a way for teachers and students to see all of the changes and revisions that have been made to a certain program with a timestamp, and allows you to revert a program to any previously saved version.  It is accessible on any exercise page under the More > History tabs in the top right corner. You can use arrows to quickly move back and forth between timestamps of code.

The History tab is a great tool to aid in cheat detection, as teachers can assume that exercises (particularly more complex exercises) that are solved in very few code runs/saves are often attributable to borrowed or copied code. 

Students can view their grade for an assignment directly from the Grade Tab. As a teacher you can also award credit to students from the Grade Tab.  See Grading Single Assignments for more info.

You can print your code by clicking More > Print. After you click the blue Print button, a new page will open up, nicely formatted for printing and pop up a dialog to print it out.

You can share your program by clicking More > Share. You can then click the “Create Share Link” button, and instantly have a link to send to others for them to run your program.

In the Share Tab, you can choose whether the share link is “Public.” If you change your mind about sharing your program and don’t want other people to be able to visit the share link, you can toggle the “Public” switch to Off. As the author, you will still be able to view that shared program page, but no one else can.

Students can change their default Code Editor settings. Access the settings by clicking the gear icon in the upper left corner of any editor.

Use the blue Layout menu in the bottom left hand corner to configure the layout of your Code Editor. You can hide the left navigation panel, graphics output, test output and code windows. You can enter fullscreen code, fullscreen graphics code, or fullscreen test output windows.

Some program types allow you to use create and use multiple files in your program. Read more about managing multi-file programs here.

Use the bottom navigation bar in the Code Editor to navigate to other assignments in your current Module or to return home to your Assignments page.