{"id":9149,"date":"2022-08-02T08:30:34","date_gmt":"2022-08-02T15:30:34","guid":{"rendered":"https:\/\/coderpad.io\/?p=9149"},"modified":"2023-05-28T14:35:40","modified_gmt":"2023-05-28T21:35:40","slug":"top-3-soft-skills-front-end-developers","status":"publish","type":"post","link":"https:\/\/coderpad.io\/blog\/interviewing\/top-3-soft-skills-front-end-developers\/","title":{"rendered":"How to Assess for 3 Critical Soft Skills in Front-End Developers"},"content":{"rendered":"\n<p>Would you hire an engineer who could create beautiful websites but who was constantly arguing with their teammates?<\/p>\n\n\n\n<p>What about a developer who is extremely productive, but doesn&#8217;t adhere to industry and team standards?<\/p>\n\n\n\n<p>Depending on how desperate you are, you might take your chances with candidates like these \u2013 but be warned, you risk a lot of wasted time, frustration, and reduced team morale having these kinds of people on your team.<\/p>\n\n\n\n<p>That\u2019s why taking the time to assess soft skills is essential. More than just a buzzword, these skills can encompass just about everything other than coding in an IDE.<\/p>\n\n\n\n<p>There are tons of soft skills you can evaluate for \u2013 creativity, leadership, time management, work ethic, interpersonal skills \u2013 the list goes on and on.<\/p>\n\n\n\n<p>Ultimately you will have to be the one to determine which soft skills to focus on when hiring new members for your team\u2014but figuring out where to start looking can be difficult.<\/p>\n\n\n\n<p>While most soft skills are valuable to have for engineers of <em>any <\/em>type, there are nuances in how you assess them during a a front-end focused interview.&nbsp;<\/p>\n\n\n\n<p>To help you out, here are three soft skills that we\u2019ve found to be essential for successful front-end developer candidates, and how you can look out for them during the interview.<\/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<h2 class=\"wp-block-heading\">Critical thinking<\/h2>\n\n\n\n<p>Front-end coding can be messy. With lots of moving parts like design considerations, API calls to a backend, and state management, it\u2019s easy for even senior developers to gloss over error-causing issues.<\/p>\n\n\n\n<p>Will they predict where HTML elements may clash? If not, are they able to think of ways to fix them?&nbsp;<\/p>\n\n\n\n<p>Additionally, can they think through various states of an application&#8217;s UI or how to handle race conditions between API calls? Can they brainstorm ways to handle those sorts of problems?<\/p>\n\n\n\n<p>Just as importantly, you want to ensure your future employees are able to think outside the immediate scope of the problem and suggest enhancements when appropriate. Good critical-thinkers know when to push back (politely but forcefully) when they notice something wrong or have an idea of improving something.&nbsp;<\/p>\n\n\n\n<p>Not only will you catch more mistakes and improve your product that way, but by empowering employees to speak their minds constructively, you\u2019ll improve their morale and keep them around a bit longer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to assess for critical thinking<\/strong><\/h3>\n\n\n\n<p>There are a couple of ways you can assess for critical thinking during interviews with front-end candidates:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Give them a technical question with not-very-well-written code. This can be code with errors or just written in a non-optimized way. Watch how they work through it. You can easily see if they\u2019re only worrying about superficial issues or tackling the issues that require deeper thinking.<\/li>\n\n\n\n<li>Encourage them to ask questions and listen to the questions they\u2019re asking you. Are they asking questions clarifying business logic and design decisions? Are they taking action on the answers they get from those questions? These are both signs they\u2019re thinking critically about their development decisions.<\/li>\n<\/ol>\n\n\n\n<p>Keeping an open dialogue here is key to being able to assess not just critical thinking but also the other two soft skills below. You can\u2019t read minds, so getting candidates to open up to you will be crucial for assessing their soft skill set.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Time management and the ability to prioritize<\/h2>\n\n\n\n<p>Front-end candidates will come to you with a variety of strengths and weaknesses. Some will be better at design, some will be better at optimization of things like memory and render performance, and some will be better at writing clean code.&nbsp;<\/p>\n\n\n\n<p>But no matter their strengths, they should know how to prioritize their time on different aspects of their front-end programming.<\/p>\n\n\n\n<p>For example, suppose you have a barely functional page and your new developer tasked with completing the functionality is spending all their time trying to make the left nav menu look like the Mona Lisa. In that case, you will have some severe productivity problems.&nbsp;<\/p>\n\n\n\n<p>Likewise, suppose your team is working on an almost-finished project that will be passed on to another team for maintenance. In that case, you may want to ensure your developers prioritize code documentation over things like memory allocation optimization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to assess for prioritization<\/strong><\/h3>\n\n\n\n<p>Make sure any technical questions you ask involve multiple aspects of front-end programming \u2013 like styling in CSS, structuring with HTML, and coding with JavaScript (or <a href=\"https:\/\/coderpad.io\/languages\/frontend-frameworks\/\">your front-end framework of choice<\/a>). Then, look at where they\u2019re spending time coding.&nbsp;<\/p>\n\n\n\n<p>Alternatively, give them scenarios that require them to think about their priorities.&nbsp;<\/p>\n\n\n\n<p>If they have a looming deadline, is it okay to sacrifice a little bit of the functionality to meet the product manager\u2019s design requirements?<\/p>\n\n\n\n<p>Is it okay to focus on code optimization by paying less attention to documenting the code?<\/p>\n\n\n\n<p>There are always nuances and complexities to answers to these questions, so don\u2019t forget to have the candidate explain the reasoning behind their answers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Communication<\/h2>\n\n\n\n<p>Despite the common stereotype, most developers do not exist in isolation. They\u2019re almost always a part of a team, and being a part of a successful social unit like this involves communication.<\/p>\n\n\n\n<p>While verbal communication is essential, it\u2019s not the only way to get the message across \u2013 especially in these days of remote and hybrid work environments.<\/p>\n\n\n\n<p>Code commenting, emails, and instant messages are other common ways developers get their thoughts and concerns across to their teammates and receive ideas and concerns from their fellow developers, QA testers, product managers, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to assess communication skills<\/strong><\/h3>\n\n\n\n<p>Many developers are not naturally talkative on the best of days, even more so during stressful experiences like interviews.&nbsp;<\/p>\n\n\n\n<p>Therefore it\u2019s up to you to set the tone of the communication for the interview. At the beginning of the interview, encourage them to talk as much as they\u2019re comfortable with about their thought process. Encourage them to ask questions. Let them know code commenting will help when it comes to reviewing the candidate\u2019s performance.<\/p>\n\n\n\n<p>Additionally, ask them questions about the communication experience:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What\u2019s their preferred mode of communication, and why?<\/li>\n\n\n\n<li>What\u2019s a time they were challenged with miscommunication, and how did they resolve it?<\/li>\n\n\n\n<li>How do they minimize communication errors in an asynchronous environment?<\/li>\n<\/ul>\n\n\n\n<p>Again, tailor the specific questions to how your own organization operates. For example, if you use Slack as the primary means of communication, ask the candidate how they\u2019d convey a question or report a bug through that medium.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More hiring resources<\/h2>\n\n\n\n<p>Soft skills assessments are just one part of creating an excellent engineering interview process. To make the most out of the short time you have with candidates, we also recommend the following resources:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/coderpad.io\/interview-front-end-developers\/\">How to Interview Front-end Developers<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/5-tips-for-interviewing-frontend\/\">How to Run Front-End Developer Interviews That Don&#8217;t Suck<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/a-holistic-guide-to-diversity-and-inclusion-in-the-technical-hiring-process\/\">A Holistic Guide to Diversity and Inclusion in the Technical Hiring Process<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/the-1-best-anti-cheat-interview-question-ever\/\">The #1 Best Anti-Cheat Interview Question Ever<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/blog\/interviewing\/returning-to-the-office-dont-bring-these-bad-technical-interview-elements-with-you\/\">Returning to the Office? Don\u2019t Bring These Bad Technical Interview Elements With You<\/a><\/li>\n<\/ul>\n\n\n\n<p>Happy hiring!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Successful front-end devs need to know more than how to build beautiful interfaces. Soft skills are essential in interviews, and this article discusses assessing three critical soft skills when hiring front-end developers.<\/p>\n","protected":false},"author":12,"featured_media":9157,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"persona":[27,28],"blog-programming-language":[],"keyword-cluster":[],"class_list":["post-9149","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\/9149","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/comments?post=9149"}],"version-history":[{"count":34,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts\/9149\/revisions"}],"predecessor-version":[{"id":34318,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/posts\/9149\/revisions\/34318"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media\/9157"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=9149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/categories?post=9149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/tags?post=9149"},{"taxonomy":"persona","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/persona?post=9149"},{"taxonomy":"blog-programming-language","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/blog-programming-language?post=9149"},{"taxonomy":"keyword-cluster","embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/keyword-cluster?post=9149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}