Tools In the Code Editor

Docs Tab

Click Docs in the Code Editor to see examples of all of the most important coding concepts that students have learned so far. It's a great place to look for examples and check code syntax.

ย 

gif clicking DOCS tab scrolling though information

History Tab

The History tab can be found under More in the Code Editor. Clicking on History will allow students and teachers to view every previous version of the program. If a program was working but now isn't, reviewing an earlier version is a great way to spot changes that might have caused an error.

clicking on MORE tab brings up drop down menu - History is highlighted

Speed Slider and Step Debugger

Use the Speed Slider to run code more slowly so that students can pinpoint where the program gets off-track.

Use the Next and Last buttons at the top of the Code Editor to run code one line at a time to zero in on the exact line of code causing the error.

Highlighting left, right arrows and pause button along with turtle and hare slider

Comment Out Code

Comment out different sections of code, then re-run the code. When the code runs, the commented-out portions will be skipped, allowing students to use process of elimination to target the portion of code that is causing an error.

Check the Error Messages and Test Cases

As much as possible, we always try to make error messages as informative as we can. If you're seeing an error message, check if it references a specific function, syntax error, or line of code that can be fixed before re-running the code.

Students can also click the red Test Code button to see where their program passes or does not pass the Autograder.

Using CodeHS Resources

Review the Video and Slides

Rewatch the lesson video, and go back over the lesson slides to review all of the example code.ย 

Review the Examples

Every CodeHS lesson includes an Example, which shows the lesson concept in a live code editor. This is a great opportunity to see code in action - students can review Example code at any time to compare to their own work.

Visit our Teacher Forum!

For help with specific student code issues, visit our teacher forum to talk with other computer science teachers, get help debugging code, and share tips and tricks for success! ๐Ÿ˜„ย 

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

Did this answer your question?