✅ 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
- Switching languages
- Adding a question
- Language information
- Database adaptors
- Drawing mode
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.
Once you select your desired language or framework, a new tab will open with the example code or app for that particular language:
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.
✅ 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.
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 is now accessed from the tab navigation:
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.
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.
⚠️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.
The environment opens with example code.
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:
Click the Info tab to learn more about a language and how it’s used in the pad.
❗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.