Skip to main content

CodeHop: Using the CodeHop Playground

Learn about the CodeHop Playground

Written by Sara Jenis
Updated this week
Banner: CodeHop License Required.

CodeHop allows you to use Scratch-based and ScratchJr-based block coding environments inside of CodeHop! Students can create open-ended projects and complete vertically aligned computer science and interdisciplinary lessons.

Using the CodeHop Playground

The CodeHop Playground is a place where you can complete projects that are assigned by a teacher and create your own open-ended projects. You can start a CodeHop or CodeHopJr project and create anything that you can imagine! In your Playground, each of your classroom Sections is represented as a folder.

As a teacher, you can access your Playground from the left side navigation bar. Students will automatically be taken to their Playground when they log in to CodeHop.

Gif demonstrating how to access your playground.

Completing Assigned Projects

Projects that have a gift icon are programs that have been assigned by a teacher. Students can click the program to open and work through the assignment. Once a project has been opened, the icon will appear as an opened gift.

Screenshot showing an opened and un-opened assigned project. An opened project has an opened box icon. Unopened project has a closed present box.

Creating New Projects

In addition to completing assigned lessons, students can also create their own projects in the Playground. Using Playground Settings, you can choose if students are able to make a project with CodeHop, CodeHopJr, or both!

To Create a Project:

  1. Click the blank project with a Plus(+) sign to create a new project.

    Screenshot showing how to create a new project.
  2. Choose your project type.

  3. Start working on your project.

  4. Make sure to click Save before exiting the project.

    1. In CodeHop programs, click File > Save to save.

    2. In CodeHopJr programs, click the save icon:

      Screenshot of the save icon.
  5. Once you are finished, click the home icon to return to your Playground.

To Rename or Delete a Project:

Click the three dots next to the project to rename or delete it. Students can not rename or delete a project that was assigned by a teacher.

Screenshot showing options the menu for sandbox program.

In CodeHop programs, you can also rename the program from within the project:

Screenshot showing how to rename CodeHop programs.

Creating a Folder

Teachers can create and add projects to folders to organize their playgrounds! This feature is not available for students.

To create a folder:

  1. Navigate to your Playground from the left navigation menu

  2. Click the plus sign (like you would to create a new project)

  3. Click "Create Folder" at the bottom of the pop-up window

  4. Name your folder

  5. Click the blue "Create Folder" button

Gif shows how to create a new folder

The new folder will appear in your playground. To rename or delete a folder, Click the three dots at the bottom right corner of the folder.

To add a project to a folder:

  1. Select the three dots at the bottom right of your project

  2. Select Move to Folder

  3. Select the folder from the dropdown menu in the Move Program pop-up window

  4. Select the blue Move Program button

    Shows how to move a program into a folder in a teacher's playground page

Teachers Viewing Student Playgrounds

You can easily view all student programs:

From the Roster:

Click the home icon to view a student’s Playground and projects.

Screenshot of home icon on roster page

From a student's Playground, you can click the drop-down next to their name to view a different student's Playground.

Screenshot of the student's playground selection menu.

From Your Playground:

Click Playground from the left side navigation panel to view your Playground. Use the drop-down menu to choose the name of the student you would like to view and click into each project to view student work.

Screenshot of the student's playground, with the Playground link highlighted in the lefthand navigation menu, as well as the student selection menu highlighted.


CodeHop Curriculum is included with a CodeHop License. If you believe you should have access to the CodeHop Platform, please reach out to your Customer Success Manager or send an email to sales@codehs.com.

Did this answer your question?