Comment on page
⚙
How to use CodeChum's coding environment
Students interact with CodeChum's coding environment whenever they answer programming items in activities created by their teacher.
As a student, it would do you good if you get familiar with how CodeChum's coding environment works and how to use it well so you can be ultra ready for your next CodeChum activity!
A typical CodeChum coding environment looks like this and has the following parts in it:

CodeChum's Coding Environment (part by part)
- 1.Item Description - located on the leftmost side of the screen, which contains the item name and the description of the item.
- 2.Code Editor - located at the center by default, where you type your solution code for the item.
- 3.Test Cases - one of the tabs located at the rightmost side of the screen, which shows a list of all test cases containing sample outputs that determine your score for the item. If your output will be the same as that of the test case, you will get a point.
- 4.Run Code button - one of the buttons located at the bottom right portion of the screen, which when clicked, runs your code in a terminal. This is very useful when testing your code before submitting.
- 5.Check Tests button - one of the buttons located at the bottom right portion of the screen, which when clicked, submits your code to the system and returns it with your score for the item.
CodeChum's web development environment looks like this and has the following parts in it:

CodeChum's Web Development Environment (part by part)
- 1.Item Description - located on the leftmost side of the screen, which contains the itemname and the description of the item.
- 2.Code Editor Tab - Located at the center and intentionally set as the default tab, where you type your solution code for the item.
- 3.Web View Tab - located at the center, this is where you will view your rendered code from the code editor tab.
- 4.Test Cases - one of the tabs located at the rightmost side of the screen, which shows a list of all test cases containing sample outputs that determine your score for the item. If your output will be the same as that of the test case, you will get a point.
- 5.Check Tests button - one of the buttons located at the bottom right portion of the screen, which when clicked, submits your code to the system and returns it with your score for the item.
- 6.Fullscreen button - located at the bottom of the web view tab, this lets you view your output in a browser-like setting.
- 7.Developer Tools button - located at the bottom of the web view tab next to the fullscreen button, this lets you access the console, elements, and settings that allow you to view and modify the web page in real-time.
To maximize the potential of our coding environments, here are some tips to up your coding experience:
- 1.Read the item description carefully, and look out for sample outputs in the description. Those will be helpful to get a visual grasp of what the item is looking for.
- 2.Always check what's inside the visible test cases so you can compare if your code's output will turn out the same as the test case's. To do this before submitting, just run your code multiple times and supply it with the same values as that of the sample output and see if the outputs are the same.
- 3.Try maximizing the use of the developer tools in the Web View tab so that you can quickly find and fix any errors in your code.
- 4.If you have the extra penny, purchase our Premium Plans to get the most out of CodeChum, especially the unlimited Check Tests clicks.1
Last modified 2mo ago