{"id":1812,"date":"2022-06-17T09:00:00","date_gmt":"2022-06-17T16:00:00","guid":{"rendered":"https:\/\/coderpad.io\/?p=1812"},"modified":"2023-05-28T14:41:42","modified_gmt":"2023-05-28T21:41:42","slug":"5-tips-for-interviewing-frontend","status":"publish","type":"post","link":"https:\/\/coderpad.io\/blog\/interviewing\/5-tips-for-interviewing-frontend\/","title":{"rendered":"How to Run Front-End Developer Interviews That Don\u2019t Suck"},"content":{"rendered":"\n<p>Interviewing developers is hard.<\/p>\n\n\n\n<p>Even if you\u2019ve been doing it for 14 years, you\u2019re spending a lot of time and energy to ensure you find the right candidate AND show the candidate why they should want to work for you.<\/p>\n\n\n\n<p>And, of course, there\u2019s always the risk that you spend all that effort on the <em>wrong<\/em> candidate. The one who <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/the-1-best-anti-cheat-interview-question-ever\/\" target=\"_blank\" rel=\"noreferrer noopener\">lied about their coding skills<\/a>, doesn\u2019t work well on a team, or simply doesn\u2019t know how to communicate.<\/p>\n\n\n\n<p>Many factors go into creating a good interview \u2013 the size of your company, the type of role you\u2019re interviewing for, and candidate experience level are but a few.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 One process consideration is the number and type of interviews and assessments you\u2019ll use. Are you a big company with lots of applicants? You may want to use a screening tool like <a href=\"https:\/\/www.codingame.com\/work\/\" target=\"_blank\" rel=\"noreferrer noopener\">CodinGame<\/a>. Are you interviewing for more senior roles? You may want to skip straight to a live interview coding session with <a href=\"https:\/\/coderpad.io\/register\" target=\"_blank\" rel=\"noreferrer noopener\">CoderPad<\/a>.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p>Front-end engineers don\u2019t just need to know how to code navigation menus and drop-downs. They need to understand design basics, how to interact with the back end, and how to turn design requirements into a functioning user interface.<\/p>\n\n\n\n<p>We\u2019ll show you how to create suitable front-end interviewing questions, how to structure your interviews, how to assess a candidate during the interview, and how to get excellent candidate feedback.<\/p>\n\n\n<aside class=\"\n    cta-banner\n     cta-banner--bg-green      cta-banner--has-media \"\ndata-block-name=\"cta-banner\">\n    <div class=\"inner\">\n        <div class=\"content\">\n                            <h2 class=\"headline\">Ready to start interviewing?<\/h2>\n            \n                            <div class=\"cta-buttons\">\n                                    <a href=\"\/sales\/\" class=\"button  js-cta--get-a-demo\"  data-ga-category=\"CTA\" data-ga-label=\"Ready to start interviewing?|Get a demo\">Get a demo<\/a>\n                                <\/div>\n                    <\/div>\n                    <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"146\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/illustration-of-two-people-chatting-in-app-windows.png\" class=\"attachment-large size-large\" alt=\"\" \/>\n            <\/div>\n            <\/div>\n<\/aside>\n\n\n\n<p>We break it down into three parts:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#interview-preparation\">Interview preparation: How to develop good questions for every experience level<\/a><\/li>\n\n\n\n<li><a href=\"#during-the-interview\">During the interview: How to structure them and what to watch out for in the moment<\/a><\/li>\n\n\n\n<li><a href=\"#after-the-interview\">After the interview: How to collect and implement feedback<\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"interview-preparation\">Interview preparation: Developing good questions<\/h2>\n\n\n\n<p>Preparing for the interview is perhaps the most essential step in hiring a front-end engineer \u2013 or any engineer. A prepared interviewer shows the candidate that you care about their interview experience and that your company is a place that the candidate would want to work at.<\/p>\n\n\n\n<p>The most important aspect of preparation is matching your interview questions with the candidate\u2019s level of experience and background. We break down how to create good junior, intermediate, and senior developer interview questions in a moment, but here are some points you should keep in mind at every level when choosing or creating interview questions:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>What tech stacks is the candidate used to?<\/strong> If you\u2019re flexible or willing to upskill a new hire on the tech you use, then you can create a Plain Text question and let them answer it in the <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/language-agnostic-interview-questions\/\" target=\"_blank\" rel=\"noreferrer noopener\">language of their choice<\/a>. If you\u2019re looking for experience with a specific framework or language, then you should only create questions written utilizing that framework or language.<\/li>\n\n\n\n<li><strong>What experience is transferable?<\/strong> For example, can a candidate with Angular experience apply similar\/common concepts from Angular to work through your question in Vue?<\/li>\n\n\n\n<li><strong>Does the question represent an actual job task? <\/strong>Don\u2019t insult your prospective coworkers with <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/eradicating-whiteboard-interviews-with-jon-nguyen\/\" target=\"_blank\" rel=\"noreferrer noopener\">computer science trivia or algorithm questions<\/a> \u2013 make sure the question reflects what they\u2019d actually be doing on the job. This ensures you&#8217;re evaluating skills that are actually relevant to the role <em>and<\/em> <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/interview-with-chris-parnin-mahnaz-behroozi\/\" target=\"_blank\" rel=\"noreferrer noopener\">mitigates bias<\/a> that favors people with traditional backgrounds. <\/li>\n<\/ul>\n\n\n\n<p>Flexibility is key here. It\u2019s easy to assign the easy question to the junior engineer or the difficult question to the React developer with seven years of experience. But what about the senior back-end engineer with lots of JavaScript experience but no front-end framework experience?<\/p>\n\n\n\n<p>By the end of this section, you should have a better idea of what kinds of questions fit most appropriately with a candidate\u2019s experience level. So let\u2019s begin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Junior developers<\/h3>\n\n\n\n<p>When crafting a question for junior developers, focus on basic coding principles and concepts. &nbsp;For the front end, this usually means understanding JavaScript, HTML, and CSS fundamentals.<\/p>\n\n\n\n<p>You may want to start junior candidates with a <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/interviewers\/resources\/docs\/interview\/quick-start-guides\/interviewers\/resources\/docs\/interview\/quick-start-guides\/interviewers\/resources\/docs\/interview\/quick-start-guides\/interviewers\/take-home-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">take-home assessment<\/a> that can quickly tell you if they have the minimum skills needed to succeed on your team.<\/p>\n\n\n\n<p>If they pass the assessment, follow up with a <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/quick-start-guides\/interviewers\/live-interview-pads\/\" target=\"_blank\" rel=\"noreferrer noopener\">live interview<\/a> where you review their take-home results and allow them to build upon the code they wrote. Since junior developers generally need more assistance during the interview, it helps to create a question that lends itself to a <a href=\"https:\/\/coderpad.io\/blog\/interviewing\/seamless-interview-experience-duplicate-pads\/\" target=\"_blank\" rel=\"noreferrer noopener\">pair programming exercise<\/a>.<\/p>\n\n\n\n<p>Some things to think about when you create a question for a junior dev \u2013 can they use math functions correctly for displaying HTML elements? Can they resize images like pictures and bars in a bar chart?<\/p>\n\n\n\n<p>The question will depend on the specifics of your business, but you should focus on the junior engineer\u2019s ability to carry out essential UI development.<\/p>\n\n\n\n<p>In this example question below, we ask candidates to render a simple bar chart from a given set of data. This is similar to some of the usage charts we provide in our dashboards and therefore represents a task a junior developer would carry out at CoderPad.<\/p>\n\n\n<div\n\tclass=\"sandbox-embed responsive-embed  sandbox-embed--full-width\"\n\tstyle=\"padding-top: 125%\"\ndata-block-name=\"coderpad-sandbox-embed\">\n\t<iframe src=\"https:\/\/embed.coderpad.io\/sandbox?question_id=219111&#038;use_question_button\" width=\"640\" height=\"800\" loading=\"lazy\" aria-label=\"Try out the CoderPad sandbox\"><\/iframe>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Intermediate developers<\/h3>\n\n\n\n<p>With intermediate developers, you should emphasize evaluating their ability to carry out business logic and styling.<\/p>\n\n\n\n<p>A good exercise for these developers is to have them build a ubiquitous feature they use all the time. For example, drop-down menus and navigation bars are often taken for granted, making them good places for intermediate engineers to show that they understand the underlying styling and logic encompassed by these UI concepts.<\/p>\n\n\n\n<p>We often ask prospective intermediate candidates to recreate a drop-down menu to see their thinking process and what they put time into versus what they sacrifice.<\/p>\n\n\n\n<p>A nice-looking HTML element is good, but if they spend their whole time on styling and very little on making it work correctly, that can be a red flag. If they can\u2019t get the drop-down to populate from an API call to fetch the values, they\u2019re sacrificing necessary business functionality and may not be a good fit for your team.<\/p>\n\n\n\n<p>You can also see how they cope with the design challenges that come up:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How do they populate drop-down menus?&nbsp;<\/li>\n\n\n\n<li>How do they ensure the drop-down and other elements on the page don\u2019t overlap one another?<\/li>\n\n\n\n<li>How does the drop-down interact with other page elements?<\/li>\n<\/ul>\n\n\n\n<p>Good intermediate questions usually have multiple facets \u2013 like CSS styling and business logic \u2013 that the candidate can focus on during the interview. Which facet the candidate focuses on can be an important signal for both their strengths as well as where their development priorities lie.<\/p>\n\n\n\n<p>Consider asking them about the different technologies they\u2019d interact with as a front-end developer at your company and how those other technologies work together. They might not know how to use those technologies directly, but they should know how they fit into the application technologies\u2019 grand scheme.<\/p>\n\n\n\n<p>For example, how would they consume a message from an <a href=\"https:\/\/kafka.apache.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Apache Kafka<\/a> topic? What are the fundamental differences between <a href=\"https:\/\/graphql.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">GraphQL<\/a> and traditional <a href=\"https:\/\/restfulapi.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">RESTful API<\/a> requests?<\/p>\n\n\n\n<p>In this example we ask the candidate to recreate a tabbed UI interface, much like the browser tabs you have at the top of your screen right now.<\/p>\n\n\n<div\n\tclass=\"sandbox-embed responsive-embed  sandbox-embed--full-width\"\n\tstyle=\"padding-top: 125%\"\ndata-block-name=\"coderpad-sandbox-embed\">\n\t<iframe src=\"https:\/\/embed.coderpad.io\/sandbox?question_id=219117&#038;use_question_button\" width=\"640\" height=\"800\" loading=\"lazy\" aria-label=\"Try out the CoderPad sandbox\"><\/iframe>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Senior developers<\/h3>\n\n\n\n<p>We recommend focusing primarily on the complex business logic they\u2019d be working on for senior engineers. These questions should be more open-ended, as these are the types of challenges that senior engineers will usually face on the job.<\/p>\n\n\n\n<p>For example, at CoderPad, we have a handy form that allows you to <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/creating-a-question\/\" target=\"_blank\" rel=\"noreferrer noopener\">create questions<\/a> to use in interviews. We often ask senior-level engineers to mimic creating a form like this. Some of the business logic they have to consider:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How do they validate different fields for the correct data type?<\/li>\n\n\n\n<li>How do they ensure required fields are filled in?<\/li>\n\n\n\n<li>How do they ensure that field B, dependent on field A\u2019s value, fills in with the correct default value?<\/li>\n\n\n\n<li>What data structures are best suited for defining the shape and flow of the form?<\/li>\n\n\n\n<li>How can they create the form such that it is flexible enough to handle future changes to field groupings?<\/li>\n<\/ul>\n\n\n\n<p>Senior developers should also understand how different technologies fit into your application\u2019s architecture and how they interact with the front end.<\/p>\n\n\n\n<p>In this example we ask senior developer candidates to use a GraphQL API to gather data from a website and then display that data in the UI.<\/p>\n\n\n<div\n\tclass=\"sandbox-embed responsive-embed  sandbox-embed--full-width\"\n\tstyle=\"padding-top: 125%\"\ndata-block-name=\"coderpad-sandbox-embed\">\n\t<iframe src=\"https:\/\/embed.coderpad.io\/sandbox?question_id=219118&#038;use_question_button\" width=\"640\" height=\"800\" loading=\"lazy\" aria-label=\"Try out the CoderPad sandbox\"><\/iframe>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Final question creation tips<\/h3>\n\n\n\n<p><strong>Have questions sanity checked.<\/strong><\/p>\n\n\n\n<p>Have your teammates or other interviewers check your questions to make sure they make sense.<\/p>\n\n\n\n<p><strong>Create questions that allow you to turn the interview into a discussion.<\/strong><\/p>\n\n\n\n<p>Discussions will give you a better gauge of a candidate\u2019s fit on your team than silent observation. Try to create questions that allow you to dig deeper into a candidate\u2019s code and thought process.<\/p>\n\n\n\n<p><strong>Keep in mind there is a time limit!&nbsp;<\/strong><\/p>\n\n\n\n<p>Don\u2019t try to get a candidate \u2013 even senior developers \u2013 to build a whole website in 60 minutes. Focus on the more essential aspects of the job they\u2019d be doing; a candidate can produce meaningful work without creating a pixel perfect UI.<\/p>\n\n\n\n<p><strong>Leave room for creativity.<\/strong><\/p>\n\n\n\n<p>There is seldom a single way to solve a front-end problem. Structure your questions to allow the candidate to start implementing a solution, then iterate on that solution through discussion and pair-programming.<\/p>\n\n\n\n<p><strong>Consider having multiple questions per experience level, especially for intermediate and senior-level engineers.<\/strong><\/p>\n\n\n\n<p>For example, if you\u2019re having trouble recruiting for a specific language or framework \u2013 like React or Angular \u2013 you can increase your candidate pool by interviewing candidates with related experience.<\/p>\n\n\n\n<p>If you need a React developer, you may offer a back-end developer with vanilla JS experience a similar question in vanilla JavaScript. You can teach many of the nuances of frameworks on the job if the candidate knows the fundamentals well enough.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Develop a rubric for good\/better\/best implementations<\/h3>\n\n\n\n<p>Whether it\u2019s a junior developer looking for their first engineer role, an experienced back-end developer looking to get into front-end development, or a tech lead, you\u2019ll want to ensure that the question accurately assesses their ability to get the job done.<\/p>\n\n\n\n<p>No matter what role you\u2019re interviewing for, it\u2019s a good idea to make a note of what an \u201cokay, \u201cgood,\u201d and \u201cbetter\u201d implementation may look like.&nbsp;<\/p>\n\n\n\n<p>Not only will this help you guide the candidate in the interview \u2013 can they recognize room for improvement? \u2013 but it will help you stay consistent when it comes time to evaluate the candidate\u2019s work.<\/p>\n\n\n\n<p>For example, for the junior engineer \u201cbar chart\u201d question example we listed above, we list this rubric in the description for the interviewers:<\/p>\n\n\n\n<p>Very simple implementation: Candidate just uses the counts as a pixel width<br>Simple implementation: Candidate calculates the percentage of cell width from count \/ total words<br>Better implementation: Candidate calculates the cell width percentages against the highest count<\/p>\n\n\n\n<p>Other things that might be good to look for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do they use a table? Or what layout?<\/li>\n\n\n\n<li>How do they deal with left column width?\n<ul class=\"wp-block-list\">\n<li>Fixed width?<\/li>\n\n\n\n<li>Make the right column full width?<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Do they sort the columns so the go from high freq -&gt; low freq?<\/li>\n<\/ul>\n\n\n\n<p>Bonus points:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add graduations along the count axis<\/li>\n\n\n\n<li>Chart legend<\/li>\n\n\n\n<li>Making different colors for each column<\/li>\n\n\n\n<li>Changing color gradient of bar for higher counts<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"during-the-interview\">During the interview<\/h2>\n\n\n\n<p>Now that you have your front end question prepared for your candidates, you can now see them in action during the interview.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Walk through the problem and leave room for questions<\/h3>\n\n\n\n<p>Don\u2019t automatically assume your question is clear to the candidate just because <em>you <\/em>created it and it passed a sanity check on your team.&nbsp;<\/p>\n\n\n\n<p>You don\u2019t have to read the question word for word. Give the candidate a brief overview, give them a few minutes to read the question themselves, and then make sure you clarify any questions they have.&nbsp;<\/p>\n\n\n\n<p>Notice what questions they\u2019re asking too. Are they asking about your design decisions on a mockup and figuring out what you\u2019re trying to solve? Or are they simply just mimicking the UI from the mockup?<\/p>\n\n\n\n<p>The higher the level of the candidate, the more you should focus on their ability to think critically about the design decisions and full scope of the challenge.<\/p>\n\n\n\n<p>Are they taking accessibility standards into account when translating design requirements into a UI? Do they know when it\u2019s appropriate to use a tooltip vs. a modal vs. a native browser alert? Are they validating user input? If so, how? Is their solution able to scale outside the immediate scope of the challenge?<\/p>\n\n\n\n<p>After you\u2019ve explained the question, don\u2019t forget to give the candidates some time at the beginning of the interview to collect their thoughts \u2013 ideally without you or another interviewer watching.&nbsp;<\/p>\n\n\n\n<p>You can easily do this with <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/focus-time\/\" target=\"_blank\" rel=\"noreferrer noopener\">Focus Time<\/a>, a CoderPad feature that allows candidates five minutes to think through the problem and start coding their thoughts before allowing you to see what they\u2019ve written. <a href=\"https:\/\/coderpad.io\/blog\/product-updates\/focus-time-launch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Studies<\/a> show that giving candidates this space leads to better performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Try pair programming<\/h3>\n\n\n\n<p>Candidates invest a lot of time and effort going through multiple interviews with multiple companies.&nbsp;<\/p>\n\n\n\n<p>Pair programming during the interview is a way to make your company stand out by conversing with the candidates and helping them become comfortable with things they\u2019re unfamiliar with.<\/p>\n\n\n\n<p>Have a junior dev who has never written <a href=\"https:\/\/coderpad.io\/blog\/development\/integration-tests-vs-unit-tests-integration-matters-more\/\" target=\"_blank\" rel=\"noreferrer noopener\">unit tests<\/a> before? Take some time to show them how to set them up. Have an intermediate engineer who hasn\u2019t used <a href=\"https:\/\/reactjs.org\/docs\/react-api.html#reactsuspense\" target=\"_blank\" rel=\"noreferrer noopener\">React Suspense<\/a> yet? Give them a quick demo, and then have them give it a shot.<\/p>\n\n\n\n<p>Not only are you helping to teach them something, but you\u2019re getting an idea of:&nbsp;<\/p>\n\n\n\n<p>1) How they take constructive criticism<\/p>\n\n\n\n<p>2) Their desire to learn new things<\/p>\n\n\n\n<p>3) Their ability to quickly pick up and apply a new skill<\/p>\n\n\n\n<p>Even the best developers can struggle during an interview. Pair programming helps reduce the natural stress and anxiety of coding in an interview setting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Always be asking<\/h3>\n\n\n\n<p>Sitting back and watching a candidate code is not enough. To truly understand their coding style, you have to ask them why they chose to do what they did.<\/p>\n\n\n\n<p>Why did they spend 45 minutes on the style sheet and only 15 minutes on the JavaScript?<\/p>\n\n\n\n<p>How does their solution scale beyond the immediate requirements of the challenge?<\/p>\n\n\n\n<p>Why would they opt for many localized data stores instead of hoisting state to a higher level in their application?<\/p>\n\n\n\n<p>If you see something you didn\u2019t expect them to do, ask them about it.<\/p>\n\n\n\n<p>If you see something you think they shouldn\u2019t do, ask them about it.<\/p>\n\n\n\n<p>As mentioned above, use this time to create a dialog with the candidate. Encourage them to ask you questions if they get stuck or have thoughts about a better way to do something.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"after-the-interview\">After the interview<\/h2>\n\n\n\n<p>You\u2019ll have your own criteria for what makes a successful interview, but before leaving the candidate, you should both give the candidate constructive feedback and allow them to provide feedback to you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Interviewer feedback<\/strong><\/h3>\n\n\n\n<p>You shouldn\u2019t frame the feedback in a \u201cthis is what you did wrong\u201d format. Even if the candidate could not display a basic understanding, you should still communicate it along with the positives. Say, \u201cthis is what you did well on, and this is what you can improve on.\u201d<\/p>\n\n\n\n<p>If you point out mistakes or errors, tell them what they could do to fix it. Tell them what impressed you about their solution. Don\u2019t lie to them, but don\u2019t be stingy with praise!<\/p>\n\n\n\n<p>The interview process is filled with ghosting recruiters and inattentive hiring managers \u2013 so take the time to show even the candidates who didn\u2019t do well that you care about them and their ability to do well in their careers.&nbsp;<\/p>\n\n\n\n<p>And just like asking questions during the interview, providing feedback also lets you know how they accept feedback. Do they take it gracefully and with gratitude? Do they clarify their reasoning further, or do they get defensive?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Candidate feedback<\/strong><\/h3>\n\n\n\n<p>Just like how the candidate responds to feedback says a lot about them, how you react to feedback as an interviewer says a lot about what it wouldd be like to work on your team.<\/p>\n\n\n\n<p>At CoderPad, we generally look for two types of feedback:<\/p>\n\n\n\n<p>1. General feedback on the challenge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Was the challenge relevant to the position you applied for?<\/li>\n\n\n\n<li>Did you have to solve similar problems in previous roles you\u2019ve had?<\/li>\n\n\n\n<li>Was it interesting and engaging (or tedious)?<\/li>\n\n\n\n<li>What could make the exercise more or less challenging?<\/li>\n<\/ul>\n\n\n\n<p>2. Feedback on the interview:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What did you think of the pair programming?<\/li>\n\n\n\n<li>What would help make you more comfortable during the interview?<\/li>\n\n\n\n<li>Did Focus Time help (if they used it)?<\/li>\n<\/ul>\n\n\n\n<p>You want to gather candidate feedback first and foremost because it allows you to improve your interview process \u2013 including the questions you worked so hard on creating in the preparation phase.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Key points to remember<\/h2>\n\n\n\n<p>This article covered a lot of ground when it comes to conducting great front-end interviews, but we can distill the information into a few key takeaways:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You should tailor the questions in your technical interviews to the candidate\u2019s role and experience level.<\/li>\n\n\n\n<li>The interview itself should be a dialogue between you and the candidate.<\/li>\n\n\n\n<li>Always give and ask for feedback at the end of the interview.<\/li>\n<\/ol>\n\n\n\n<p>And don\u2019t forget \u2013 the interview doesn\u2019t end when you hang up the phone or select \u201cEnd Interview.\u201d Remember to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Finish taking any notes while the interview is still fresh in your mind.<\/li>\n\n\n\n<li>Ensure all the appropriate parties review the <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/playback-mode\/\" target=\"_blank\" rel=\"noreferrer noopener\">playback<\/a> for the candidate and provide feedback as soon as possible.<\/li>\n\n\n\n<li>Respect the candidate\u2019s time and mental health \u2013 let them know as soon as possible if they did or did not make it to the next round (or get the job offer). There\u2019s no better way to trash your company\u2019s reputation than ghosting potential employees.<\/li>\n<\/ul>\n\n\n\n<p>Finding the best front-end engineer for your company can be challenging \u2013 but if you follow the tips we laid out in this guide, you\u2019ll find the process much more manageable.\u00a0You can also check out our <a href=\"https:\/\/coderpad.io\/interview-front-end-developers\/\">guide for hiring managers on interviewing front-end developers<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Front-end engineer interviews always seem to have many things to be cognizant of. Learn how you can improve your front-end developer interviews in this blog post.<\/p>\n","protected":false},"author":1,"featured_media":7883,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"persona":[],"blog-programming-language":[],"keyword-cluster":[],"class_list":["post-1812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interviewing"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts\/1812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/comments?post=1812"}],"version-history":[{"count":23,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts\/1812\/revisions"}],"predecessor-version":[{"id":34597,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts\/1812\/revisions\/34597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media\/7883"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=1812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/categories?post=1812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/tags?post=1812"},{"taxonomy":"persona","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/persona?post=1812"},{"taxonomy":"blog-programming-language","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/blog-programming-language?post=1812"},{"taxonomy":"keyword-cluster","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/keyword-cluster?post=1812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}