Docs Index

Language environments

Last updated on Available in French

✅ The new CoderPad tabbed and frontend framework UI is currently in phased rollout, as such you may not have access to it right away. But don’t worry, we’ll let you know when it’s ready for your company!

If you’d like to temporarily revert your pads to the classic UI, you can find instructions on how to do so by selecting the Classic UI tab below and navigating to the Revert to the Classic UI section at the top.

Pads Interface

Pads support a large number of programming languages and frameworks. Each language has an IDE, a code execution pane and a REPL (where available). 

✅ You can have multiple language environments per pad. You can also add a new language environment at any point during the interview. 

To add a new language environment to the pad, click on the “+” button on the left side of the screen. You’ll see a list of languages and frameworks to choose from.

The language selection environment is displayed, there is 1 near the add a language button in the left tab menu and a 2 next to the "add  environment" tab at the top of the screen.

Once you select your desired language or framework, a new tab will open with the example code or app for that particular language:

Example "hello world" code is in the left input window and the program output is in the right pad window.

Switching Languages

You can switch between environments at any time during the interview. Simply click back to the other environment and the code you’ve written there previously will display.

✅ Any code you write in a language environment will be saved in that tab, so you never have to worry about losing your code.

When you switch from Plain Text or Markdown to a coding language, any existing text  from those languages will be copied over to the new language environment as code comments:

All other languages store your code in separate language files. When you switch between non-Plain Text/Markdown languages, the prior code is saved in its language environment, but is not copied over to the next language environment. To view code in a previously used language environment, switch back to it.

❗When you switch between environment tabs, all other pad participants will also be switched over to the same environment along with you. Give other pad participants a heads up when you are about to switch environments. 

Adding a question

To add a question to the pad, click the “+” button on the left side of the screen. Then click the Select A Question tab. You’ll see tabs for your Organization’s questions, My Content, and CoderPad Example questions, mirroring the Question Bank. You can search or filter questions by language.

Once you’ve added a question, you can change the language on that tab, by clicking the 3 dots on the tab then choosing “Language”. This may be convenient if a candidate wants to use a language that the question was not originally written in. Switching languages on the tab ensures that any attached resources like databases or files can still be accessed from the question tab.

The language switch menu is presented displaying a list of languages.

Language information

✅ Only select languages will have an Info tab. For multi-file frameworks like Node and React, you can view the framework information in the README.MD file included in the project file tree.

You can access more information about the language environment by hovering over the language name in the Environments menu, or by clicking on the three vertical dots next to the language tab you’d like more info on, and then selecting Info.

In the left tab menu there is a 1 next to the vertical ellipses of python and a 2 next to the "info" tab of the menu.
The python 3 info page is shown in the pad.

Database Adaptors

CoderPad environments supply common language-specific database adaptors and ORMs for use in assessments. 

⚠️Note that most languages do not have support for database adaptors.

To select a package for your language, first select the three vertical dots next to the language you’d like to add an adapter to. Then click on the Database adapters drop down menu to see the adaptors for that particular language.

❗ This will erase/replace any code you have previously written in this tab.

Drawing Mode

Drawing mode is now accessed from the tab navigation:

The draw mode option is highlighted in the left tab menu.

Reverting to the Classic UI

If for some reason you temporarily need to use the Classic pad UI without tabs or frontend frameworks, you’ll be able to go back for a limited time period. The first time you create a pad with the new UI, you’ll see the Review New UI Options menu. 

The "review new UI options" link is highlighted at the top of the pad.

Once the pop-up opens, you can use the Next button to see the impacts to the the pad view, and confirm that you want to return to the classic UI. 

The new UI announcement window is shown with the "Next" button shown in the bottom left of the screen.

⚠️Making this selection will only return this specific pad to the classic UI.

You’ll be able to return to classic UI in any future pads for a limited time period, by clicking the menu at the top of the page.

Getting started with the Classic UI

Pads support a large number of programming languages. Each language has a runnable IDE environment and a REPL where available.

Select the language from the dropdown options in the pad.

An arrow points to the language dropdown menu at the top of the screen.

The environment opens with example code.

Switching Languages

You can switch between languages during the interview.

When you switch from Plain Text or Markdown to a coding language, the comments from those languages will be copied over to the new language environment:

All other languages store your code in separate language files. When you switch between non-Plain Text/Markdown languages, the prior code is saved in its language environment, but is not copied over to the next language environment. To view code in a previously used language environment, switch back to it:

Language information

Click the Info tab to learn more about a language and how it’s used in the pad.

The info button in the top panel, next to the run button is highlighted
CoderPad's C# information is then shown

Packages

❗Note that not all languages have packages.

CoderPad environments supply common language-specific libraries for use in assessments. 

Click the Packages tab to see the libraries available for your language.

We support a wide array of packages