--- title: "Two Technical Questions to Ask Your Intermediate Front-End Engineering Candidates | CoderPad" description: "Intermediate engineers already know the basics of software development, so asking them to write a run-of-the-mill sorting algorithm would be a big waste of time. You want to focus on getting your intermediate developers to demonstrate that they can work with your particular business logic and engineering priorities. Co" canonical: "https://coderpad.io/blog/interviewing/two-technical-questions-to-ask-your-intermediate-front-end-candidates/" last_modified: "2023-05-28 14:43:02" --- [Back to blog](https://coderpad.io/blog/) # Two Technical Questions to Ask Your Intermediate Front-End Engineering Candidates July 20, 2022 4 Minute Read By Ken Swearengen [Interviewing](https://coderpad.io/blog/interviewing/) An intermediate engineer – aka “an engineer” – is usually the most common development role you’re hiring for. Building an excellent interview experience for this career level is therefore extremely important to your hiring process. One of the leading [interviewing best practices](https://coderpad.io/blog/interviewing/5-tips-for-interviewing-frontend/) we recommend is to develop questions that accurately assess skills and match the candidate’s experience level – but what does that look like for an intermediate front-end developer? Intermediate engineers already know the basics of software development, so asking them to write a run-of-the-mill sorting algorithm would be a big waste of time. You want to focus on getting your intermediate developers to demonstrate that they can work with your particular business logic and engineering priorities. In the front end, you can often assess their ability to carry out business logic by challenging them to build a ubiquitous UI feature that would be a common task on your team. For example, drop-down menus and navigation bars are regularly used but often taken for granted. This makes them good skill sets to assess for intermediate engineers to show that they understand the underlying styling and logic encompassed by these UI concepts. Good intermediate questions will also have multiple facets – like CSS styling and business logic – that the candidate can focus on during the interview. Which facet the candidate focuses on can be an important signal for their strengths and where their development priorities lie. With that in mind, here are three questions we’ve seen used successfully in intermediate front-end engineer interviews. > ![✅](https://coderpad.io/assets/emoji/2705.svg) The questions below are written with React in mind, as that is our primary framework at CoderPad. However, you can easily tailor them to suit your own non-React frameworks like Angular or Vue. ## Ready to start interviewing? [Get a demo](https://coderpad.io/sales/) ## Tabs User Interface 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. The candidate has to do this from scratch without using a component library. This challenge shows you how a candidate would work through the complexities of creating a fully-functional tab feature. Since it’s an open-ended challenge, you don’t necessarily need stringent success criteria. Some things to look for – and talk about with the candidate – might include: - How does the candidate approach the component’s API? - Do they pass the provided data structure to a “Tabs” component, or do they take a more expressive approach? - Do they use React children or props for tab labels and contents? - How do they maintain the state of the active tab? - Do they use conditional rendering to hide the inactive tab contents? Or do they use CSS? - Do they consider how the tabbed UI flows into the rest of the UI? Is it full height/width? Does it just fill its parent container? - Do they consider how to handle tabs with very long labels? If we have candidates complete this challenge especially quickly, we’ll also give them additional tab-related challenges. We ask them to: - Maintain the active tab state between page loads. - Use CSS transitions to fade the tab contents in and out when a new tab is selected. - Build dynamic tabs: an additional tab to create a new tab with blank contents. - Have the tabs handle the case where there are more tabs than horizontal space. - Add the ability for the tabs to be vertical instead of horizontal. ## Select menu This is another challenge that asks a candidate to recreate a common UI experience – the select menu. Like the previous Tab UI challenge, the candidate cannot use the native select component. While a beautiful menu design is appreciated, most companies want to primarily assess candidates on their ability to create an intuitive API that other developers on the team would easily be able to implement. You can also use this challenge to look at how they handle common UI pain points of select menus – like element overlap and menu population – and use this as a discussion point to see how they reason through obstacles. ## Other interviewing resources Selecting the right question for intermediate developer candidates is just one part of setting up an excellent interview operation. Just like with [junior engineering candidates](https://coderpad.io/blog/interviewing/3-great-technical-questions-for-junior-front-end-candidates/), you also have to consider how to [prepare for the interview](https://coderpad.io/interview-front-end-developers/), the best way to give candidates feedback, how you’re going to prevent potential cheating, and more. We cover interviewing pro tips and best practices extensively in the [Interviewing section of our blog](https://coderpad.io/blog/interviewing/). Here are also a few we recommend to get you started: - [How to Run Front-End Developer Interviews That Don’t Suck](https://coderpad.io/blog/interviewing/5-tips-for-interviewing-frontend/) - [The #1 Best Anti-Cheat Interview Question Ever](https://coderpad.io/blog/interviewing/the-1-best-anti-cheat-interview-question-ever/) - [A Holistic Guide to Diversity and Inclusion in the Technical Hiring Process](https://coderpad.io/blog/interviewing/a-holistic-guide-to-diversity-and-inclusion-in-the-technical-hiring-process/) ## Subscribe for more CoderPad insights ## Trending Articles Previous slide Next slide [Interviewing ## 5 Skills of the Future Developer: A Framework for Evaluating AI Fluency According to CoderPad’s State of Tech Hiring 2026 report, 82% of developers now find GenAI useful — up from 76% just a year ago. More telling: 54% of developers would experience a measurable productivity drop if AI tools were removed tomorrow. AI isn’t a productivity booster anymore. It’s infrastructure. With this shift, it’s no surprise […] Read the post](https://coderpad.io/blog/interviewing/5-skills-of-the-future-developer-a-framework-for-evaluating-ai-fluency/) [Hiring Developers ## Q&A: Musings of a CEO on Tech Interviews, Cheating and AI In this Q&A session on cheating and AI in tech interviews, Amanda Richardson emphasizes the importance of trust and effective interview design. Read the post](https://coderpad.io/blog/interviewing/qa-musings-of-a-ceo-on-tech-interviews-cheating-and-ai/) [Engineering Management ## How To Use CoderPad To Interview Software Architects Software architects are the masterminds behind the design and structure of software systems, ensuring that projects are scalable, maintainable, and aligned with business goals. Unlike more hands-on engineering and development roles, assessing architect skills in an interview relies much less on watching them code and more on their ability to drive software design principles and […] Read the post](https://coderpad.io/blog/interviewing/how-to-use-coderpad-to-interview-software-architects/) [Hiring Developers ## “Don’t Expect Candidates to Have Everything Memorized”, the Dos and Don’ts of Cheating Prevention With Nathan Sutter Sure, you want to prevent cheating. But you also want to feel good about your hiring process. So how do you do that? Read the post](https://coderpad.io/blog/hiring-developers/dos-and-donts-cheating-prevention-nathan-sutter/) [Interviewing ## Crafting Effective Technical Interview Questions: A 4-Step Guide Writing great technical interview questions can be hard. We're here to help. Read the post](https://coderpad.io/blog/interviewing/crafting-effective-technical-interview-questions-a-4-step-guide/) [Interviewing ## Viral TikTok Layoff Videos: What You Need to Know So, you’ve heard about these viral TikTok layoff videos, but you’re unsure how concerned you should be? Read about what you can learn from this content, and how it should impact your company’s HR practices. Read the post](https://coderpad.io/blog/interviewing/viral-tiktok-layoff-videos-what-you-need-to-know/) [Interviewing ## 8 Steps Recruiters Can Take to Instill Inclusivity in Tech Interviews As TA professionals, you have the power to create an inclusive interview environment for your interviewers and interviewees. Want to know how? This guide will help you. Read the post](https://coderpad.io/blog/interviewing/inclustive-technical-interview-guide/) [Engineering Management ## These 9 Red Flags Are Scaring Away Candidates During Interviews Don't let your name be dragged into a bad Glassdoor review. Read the post](https://coderpad.io/blog/engineering-management/these-9-red-flags-are-scaring-away-candidates-during-interviews/) [Interviewing ## Best Platforms for Remote Interviews Discover how the modern employment landscape is embracing remote work and virtual interviews. Dive into the capabilities of platforms like Zoom, Skype, Microsoft Teams, and Google Meets for general use, and explore specialized options like HireVue, Codility, and CoderPad for technical hiring. Read the post](https://coderpad.io/blog/interviewing/best-platforms-for-remote-interviews/) [Interviewing ## Why One-Way Video Interviews Don’t Work and What You Should Do Instead Read about why one-way interviews are less promising than they seem and explore alternative methods that offer a fairer, more realistic approach to hiring. Read the post](https://coderpad.io/blog/interviewing/why-one-way-video-interviews-dont-work-and-what-you-should-do-instead/) [Interviewing ## 2 Interview Questions to Assess Your Next Intermediate Backend Engineer Looking for guidance in evaluating your intermediate backend developers? We've got the perfect solution with these two insightful questions. Read the post](https://coderpad.io/blog/interviewing/2-interview-questions-to-assess-your-next-intermediate-backend-engineer/) [Interviewing ## 3 Tips To Introduce ChatGPT Into Your Technical Interviews Integrating ChatGPT into technical interviews involves setting clear expectations, demonstrating its practical use, and acknowledging its limitations, creating a fair and realistic assessment environment that aligns with the evolving landscape of software development Read the post](https://coderpad.io/blog/interviewing/3-tips-to-introduce-chatgpt-into-your-technical-interviews/) ## Hire with confidence. See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows. [Request a demo](https://coderpad.io/sales/)