You can create questions to evaluate front-end development skills of candidates. Front-end developers create the basic design and layout of the website, including the images, content, buttons, links, and navigation. They also ensure that the flow of the website is smooth and error free. This front-end structure is then used by back-end developers to add business logics and connect databases and processes.
Tip: If you want to test candidates on a specific part of your technology stack like Angular or jQuery, add a <script> tag to the HTML whose src attribute downloads the code you want. The candidates can then use that technology to answer.
- You must be logged in to your HackerRank for Work account.
- Click Library tab on the home page and then click +New Question.
- In the Select a question type dialog box, click Front-end.
- In the Problem Statement page, specify:
- Problem Name
The problem name should be short and topical. It should not give any hints to solve the problem.
While you can assign any score you want for the questions you create, we use certain standards for assigning scores to the questions we create that you might find useful.
For an easy question that can be solved in 15 minutes
For a medium question that can be solved in 30 minutes
For a difficult question that can be solved in 45 to 60 minutes
Tags are words or phrases that help with searchability and organization of your questions. You can add the existing tags or create new tags. When you later generate candidate reports, these tags help in generating performance graphs based on these tags.
- Problem Description
A good problem statement should comprise a clear and detailed problem description. It should clearly state how elements should appear in the final output on the web page. Ideally, an image should be included to show the final output. Any elements that are supposed to behave dynamically must be stated as well.
- Internal Notes
Internal notes are for later reference. You can include a rubric about scoring the questions or write solutions to the problems in this section. These can be used by your team while evaluating the test.
Note: Internal notes are only visible to your team and you; however, candidates cannot view these notes.
- Click Save & Proceed.
- In the Design Stubs page, perform one of the following operations:
This option is enabled by default. You can provide them with a code stub for any or all the three languages, as required.
Note: Candidates can edit the provided code stub. If you do not want them to edit any particular part of the code, you can add it in the comments in the stub.
- Select the Enable multiple file support radio button to upload the folder structure for the front-end code project.
- Click current structure to download the default multiple files project.
You can make changes to this folder instead of creating the folder from scratch.
- Click Choose file to upload the project folder.
- Click Save Question to save the question and exit.
Alternatively, click Save & Add another to save this question and add another question.