The student dashboard is the main ‘home’ area that you use to navigate Codio. There are currently 2 dashboard views and you can swap between them toggling the New Look button on the top right.

Default Dashboard:


Alternative Dashboard:


From the Courses screen you can view your classes, courses, projects and help by using the links on the left hand panel.

  • STUDY links give your students access to courses
  • BUILD links give your students access to project tools and our professional IDE
  • HELP links give your students access to our customer service team and our help documentation.

Joining a course

If your course is working with an LMS platform such as Canvas, Blackboard, Moodle etc. then you will access Codio directly from it.

If you are not using and LMS then your instructor should have given you one of the following ways of joining.

  • If your teacher has sent you an Invitation URL, copy/paste that into your browser.

  • If your teacher has sent you a 2 word token, go to Join a course button on our website and enter the token.


To access your course after this point, log in to your Codio account and go to the Courses area


Default Dashboard

Below is an example of a student’s Courses area with the default dashboard:


  • 1: - Where you can toggle between list view or tile view of the courses you are enrolled in.
  • 2: - Where you will see a list of assignments including due dates (if set by your instructor/teacher) to do including any pinned assignments. The pane can be collapsed clicking on the arrow. Click the assignment pane to open it.
  • 3: - Where you will see a list of recent feedback for your assignments when grades are released by your instructor/teacher. The pane can be collapsed clicking on the arrow. Click to open the assignment feedback where you can then review your assessments, grading comments and any code comments from your instructor/teacher.
  • 4: - Where you can open the course to see the details of the modules/assignments in that course where you can also open the assignment, view grade/comments etc.

Expanded Course


Below is an example of a student’s Courses area with the alternative dashboard:

Student Dashboard

The Courses area is where you can see the modules and assignments that have been assigned to you. Up to 5 pinned assignments will be displayed more prominently at the top of the page and where your teacher has set an end date for the assignment, this will be shown in the card.

Using the Courses area, you can easily re-open the assignment you were last working on, or start/open any of the other assignments that have been assigned to you. You start or open assignments using the navigation buttons displayed.

Creating projects

You can create your own projects using the web-based IDE in Codio. To access the project area, use the BUILD links in the left-hand navigation panel.

To learn about how to create projects, jump to the main Creating Project section.

Dyslexia support

Codio has a built in dyslexia support feature. If you have students who would prefer to view their screen in dyslexia support mode they should do the following:

  1. Open the assignment they are working on.

  2. From the menu at the top right of the screen, select the setting icon (the gear icon), then Theme, then select the Dyslexic option.


  1. The screen should now display like this:


Forgotten passwords

If you have forgotten your password, you should use the lost password link on the log-in page or enter your email in the reset password area (see image below) to reset your password automatically via email. If you do not have access to the email address you used in creating your Codio account, contact your teachers who can reset the password for you.

If you wish to change your password (you should also do this if you forgot your password and/or it was reset by your teacher) follow these steps:

  1. Click on your name and profile picture (bottom left of screen)

Profile Picture

  1. From the options along the top of the page, choose Account

Account settings area

  1. About halfway down the Account page is the Change Password area. The student should enter their existing password and the new password, and then click Update password.

Change Password

Three attempts are allowed before your account will be temporarily suspended. You can try again in 15 minutes

Play mode

To see your content running, you need to Play it. If the content does not automatically start or if you have closed it, go to Tools->Guide->Play menu option or click the Start Guide icon in the file tree:


At this point the panel layout is set up automatically according to the layout specified in the first section and it will be displayed.

Player Options

Play Mode

Within the player various options can be controlled by the user

  • Navigation Buttons allows the user to navigate forward/backward in the content.
  • Settings allows the user to change the Theme (light/dyslexic), Mark as Complete, change the font size, reset both the theme and fonts, restore the current files (see below) and access Code Comments. See Dyslexia Support section
  • Show/Hide Section List Hamburger Ico allows the user to show/hide the section list.
  • Collapse button will not show if the page layout is One Pane.


Restore Current Files

Sometimes you might make changes to your work that you don’t like or that you don’t want to keep.

The easiest way to get rid of these is to restore the original files in a assignment. To do this:

  1. Open the assignment you are working on. In the top right, choose the settings icon, and then Restore current files RestoreCurrentFiles

If this does not achieve what you need, you can contact your class instructor who can reset the assignment back to its default state and you can start again as new.

Completing assignments

When you have completed a assignment you can mark it as completed if the content author has not disabled this option for you. This can be done from either:

  • In the settings (click the gear icon)


  • From the last page in the guide.

  • Going to Education>Mark as Completed menu item in the assignment

If there are any assessments in the assignment that have not been submitted, details of these will be shown to allow you to review them before completing the assignment.

If you mark a assignment as complete in error, contact your class instructor/teacher who can reset the status of the assignment so you can access it again.


The Codio Lexikon is an integrated help system that lets you lookup information on a variety of languages and topics quickly and easily. Having access to concise reference information as new topics are learned is extremely useful and saves having to search the web and separate the wheat from the chaff!

You can access the Lexikon at any time from within a coding project or assignment if enabled by the author or by going to Tools>Lexicon in the top menu. If the top menu is restricted for you, the default keyboard shortcut is Ctrl+Alt+L. If that does not open the Lexicon, contact your class instructor/teacher for assistance.

The Lexikon is organized into Topics. We currently have added

  • Crunch
  • CSS
  • HTML
  • Javascript
  • Linux
  • CyberSecurity


Grade Feedback

When your work has been graded and released by your class instructor, you will see 'graded' showing in your dashboard

graded work

To view details of the grades given, either open the project and go to Education>Feedback in the top menu


or click on the 'Grade' field showing in the dashboard

access grades

Click on 'details' for the assessment and you can drill down to see more information on that assessment

grade detail

Assessments that support partial points and full points were not awarded can be identified with this icon:

Partial Point Icon

Note If the project has been marked as completed, you can click on the 'completed' button to access the grade feedback but if you wish to view the project, click on the name of the project on the left hand side. As the assignment is completed you will not be able to edit anything but can view the content

If your organisation uses an LMS system a URL of the grading detail will also be passed to your LMS that you can access from the grading area in the LMS.

Code Commenting

Your teachers can also add comments to your code to help. As you view the files commented, you will see the comment. You can also view all comments from Education -> Code Comments menu item and click there to open the required file

A student asking a clarifying question about a comment, creating a comment thread in the code file

You can add your own comments if you require for the teacher to review. As you update your code the comment will be marked as resolved but still available for review later from the Education -> Code Comments menu item or from the Guides settings area.

Guides Code Comments

Exam Mode

Your teacher/instructor can enable assignments with a number of exam mode options.

  • Shuffle Question Order - when enabled, you will receive the pages of the assignment in a random order

  • Forward Only Navigation - when enabled, you can only go forward through the pages. You will not be able to go back to previous pages. If you attempt to go to the next page and have any un-answered assessments, you will be advised to review your answers.

  • Single Login - Once you start the assignment, until you mark it as complete, all other account login attempts will be blocked.

    As you start the assignment, you will be advised that it is restricted to single login and to ensure

    1. You have closed other tabs or browsers with Codio open
    2. You have a stable internet connection
    3. You have enough power in their device
    4. You have plenty of time to complete the assignment

    If you attempt to access the assignment from a different IP address or browser, you will be restricted and advised to contact your course instructor/professor for assistance.

    If you try to logout of Codio before the assessment is fully completed, you will be advised if you continue you will not be able to access it again.

    Instructor/Professors are be able to release the lock for you so if that happens, contact them.

Code Playback

You also have access to the Code Playback feature. If you wish to review how you built the code in a file select Tools->Code Playback menu. The file that is currently active will be presented to you but you can review other files you can search for them by clicking on the folder icon shown to the right of the file name shown in the code playback tab.

If you do not have access to the Tools menu, you can right click on a file open in any tab to access Code Playback

To watch the code be built, click the play button. You can change the speed using the Speed drop down which is in changes per second. To walk through the changes manually, you can use the “Previous change” and “Next change” buttons. You can drag along the playback slider to find points of interest.

Deleted files

If you delete a file in error, you can also use Code Playback to find that file, review how it was built and where you find your last saved work you can copy/paste from the code playback into a new file you can create