{"id":28573,"date":"2023-01-10T07:33:13","date_gmt":"2023-01-10T15:33:13","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=28573"},"modified":"2023-02-02T11:28:40","modified_gmt":"2023-02-02T19:28:40","slug":"multi-file-frameworks-for-talent-acquisition-teams","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/resources\/docs\/interview\/quick-start-guides\/multi-file-frameworks-for-talent-acquisition-teams\/","title":{"rendered":"Talent acquisition&#8217;s guide to multi-file frameworks"},"content":{"rendered":"\n<p>CoderPad now offers more realistic coding experiences for candidates with the multi-file framework interface. Interviewers can now mimic an actual job task with one of <a href=\"https:\/\/coderpad.io\/languages\/\" target=\"_blank\" rel=\"noreferrer noopener\">nine popular development frameworks<\/a> like React, Node, Angular, and Spring.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/img_63bd7bf4e017b.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/img_63bd7bf4e017b.png\" alt=\"A multifile pad with the file tree on the left, the file contents in the middle, and the rendered output and log console on the right.\"\/><\/a><\/figure>\n<\/div>\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What you need to know<\/h2>\n\n\n\n<p><strong>Frameworks make for a more realistic interview experience.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your engineers work in frameworks, so why not interview in them.<\/li>\n\n\n\n<li>You\u2019ll have access to 9 of the most popular frameworks: <strong><a href=\"https:\/\/coderpad.io\/languages\/react\/\" target=\"_blank\" rel=\"noreferrer noopener\">React<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/vue\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vue<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/angular\/\" target=\"_blank\" rel=\"noreferrer noopener\">Angular<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/html-css-js\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML\/CSS\/JS<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/svelte\/\" target=\"_blank\" rel=\"noreferrer noopener\">Svelte<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/node\/\" target=\"_blank\" rel=\"noreferrer noopener\">Node<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/python-3\/django\/\" target=\"_blank\" rel=\"noreferrer noopener\">Django<\/a>, <a href=\"https:\/\/coderpad.io\/languages\/java\/spring\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spring<\/a>, <\/strong>and <strong><a href=\"https:\/\/coderpad.io\/languages\/ruby\/rails\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ruby on Rails<\/a><\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><strong>Frameworks assess a wider range of skills.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Evaluate what a candidate can really do in a real work environment.<\/li>\n\n\n\n<li>Start with an app that\u2019s missing components, or has broken functionality, or needs data from an API\u2014the only limit is your own imagination.<\/li>\n<\/ul>\n\n\n\n<p><strong>Frameworks include the same easy-to-use features as regular pads.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simply click on the <em>Create Pad<\/em> button in your dashboard &amp; select your framework.<\/li>\n\n\n\n<li>Duplicate these pads for <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/seamless-interview-experience-duplicate-pads\/\">iterative interviews<\/a>.&nbsp;<\/li>\n\n\n\n<li>Review playback mode to see how candidates interact with multiple files.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What it looks like<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/img_63bd7bf6999b9.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/img_63bd7bf6999b9.png\" alt=\"A pad is displayed. the following is shown: \"\/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">See it in action:<\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"928\" style=\"aspect-ratio: 1916 \/ 928;\" width=\"1916\" controls src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/onboardingvid-1.mp4\"><\/video><\/figure>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Additional resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/app.coderpad.io\/sandbox?pt=angular\">Try it out in a sandbox<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/example-react-interview-questions\/\">React interview questions<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/5-tips-for-interviewing-frontend\/\">Creating a perfect frontend interview experience<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/languages\/\">Languages &amp; Frameworks list<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/using-pad-features\/\">Language environments<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/creating-and-editing-a-question\/#creating-multi-file-questions\">Multi-file questions<\/a><\/li>\n<\/ul>\n","protected":false},"parent":22419,"menu_order":6,"template":"","class_list":["post-28573","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":9,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28573\/revisions"}],"predecessor-version":[{"id":28600,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/28573\/revisions\/28600"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/22419"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=28573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}