πŸš€Getting started in Canvas

Learn how to get around in CodeGrade for Instructure Canvas and hand in your first submission!

Using CodeGrade in Instructure Canvas as a student is easy and offers you the ability to get a lot more feedback way quicker.

When you open an assignment in Canvas that is a CodeGrade assignment, you are presented with a couple of buttons, which are enabled depending on the settings of your teacher.

An overview of all possible buttons is found below:

  • Latest submission: Go to your latest submission.

  • Create submission: Create a new submission.

    • Upload files: Upload files to create a submission.

    • Open editor: Use the CodeGrade editor to create and write a new submission in Canvas.

    • Set up Git: Show instructions on how to connect your assignment to GitHub or GitLab, so that you can automatically upload every time you do a git push. (Only available if Git uploading is turned on for your assignment)

  • Assignment description: Display assignment description (if one is set up).

  • Rubric: Show the rubric - a fancy name for a grading scheme - of this assignment. (Only available if your assignment has a rubric)

  • Groups: Create, join or view groups. (Only available if your assignment is a group assignment)

  • Peer feedback: Give feedback to your fellow students. (Only available after the deadline and if peer feedback is turned on)

  • Course feedback: Show an overview of the feedback you received to all assignments of this course.

Some of these are not available when they are not applicable, e.g. when an assignment is not set up as a group assignment, the groups button will be hidden. Please contact your teacher if a button is missing for you.

πŸšͺ Logging in to CodeGrade

Accessing CodeGrade is really easy and is done automatically through Canvas. Inside Canvas, you can simply navigate to your programming assignment as per usual. Clicking on the assignment will present you the CodeGrade interface inside Canvas, to which you will be automatically logged in.

Trouble logging in? CodeGrade supports Chrome, Firefox, Edge and Safari and requires third party cookies to be turned on in your browser. Try accessing CodeGrade through another browser before contacting your teacher.

✏️ Handing in

  1. Go to the assignment you want to hand in for via CodeGrade.

  2. Click the "Create submission" button.

  3. Select your method of submitting, you can:

    1. Open the editor to write and submit your code directly in the browser via the CodeGrade editor.

    2. Upload files from your computer to create a submission.

    3. Connect your Git repository to upload directly from there.

  4. If uploading files: you can either drag and drop files onto the upload field or select them via your browser’s file picker dialog. You can either upload separate files, or an archive (such as a .zip or .tar). Archives are automatically extracted / unzipped, meaning the individual files and folders in your archive will be your actual submission (but archives contained in other archives are not).

  5. Press "Submit".

  6. If your instructor has set up automatic tests, you will now find instant feedback on your submitted code.

  7. Click on individual tests to see if they succeeded or failed and why, try to improve your code and hand in again!

❓ Have a question about your code?

❓pageAsking Questions

🧩 Handing in with Git

πŸ“₯pageHanding in using Git

πŸ‘₯ Handing in with a group

πŸ‘₯pageHanding in with a group

πŸ“ Giving Peer Feedback

πŸ“pageGiving Peer Feedback

πŸ† Doing a Final Exam

πŸ†pageDoing a Final Exam

πŸ‘€ Viewing feedback

After your assignment is graded, you can view your feedback through CodeGrade.

  1. Navigate to the assignment in CodeGrade and click on "Latest Submission".

  2. View your feedback. On the Feedback Overview, you can view your inline comments with some context. Browse to the Code to view the inline feedback with all of your code. Finally, on the AutoTest tab you can view the output of the Automated Tests.

  3. Sometimes, you will receive automated feedback on your style within the code. If a line of code is highlighted, hover over the line number to find the corresponding feedback.

If you have given Peer Feedback, a list of your given feedback will be visible in the "Peer Feedback" tab. Received feedback from your peers will be displayed as inline comments, just as the feedback from your teacher would be.

Last updated