Welcome to Part-2 of our Interview Question Series.
In one of our previous articles, we had our say about what sort of questions one should ask in an interview. In the Part-1 of our Interview Question Series, we gave you a list of questions which you could pose to your Back-end developers in an interview. Now it is our turn to pick the most suitable questions you can ask a Front-End Developer during interviews.
And this time, we are not only giving you topics, but we have handpicked the questions from which you can choose.
General front-end based questions
It is always ideal to start with testing the basic understanding level of the person you interview. We have shortlisted the kind of questions with which you can begin prodding.
- Can you describe the difference between progressive enhancement and graceful degradation?
Front-end questions related to Testing
These days, you expect every developer to at least know the basics of testing and write code while testing it for various parameters. Questions can range from functionality to Use Case testing with Documentation. You can pick out questions like this:
- What tools would you use to test your code’s functionality?
Performance-based front-end questions
As a front-end developer, you are responsible for the site’s load time and speed. Ensuring that the performance of the site is at its best is one of the top priorities. Questions like this can help set the tone and lead you to a better understanding of the person’s optimization skills.
- What are some ways you may improve your website’s scrolling performance?
DOM Related front-end questions
DOM helps you to understand the structure of documents that they build and modify, and even add, modify and delete content in both HTML and XML. It can be said that DOM is essential for any front-end developer for navigating or utilizing files becomes impossible without this knowledge. Questions like the ones mentioned below can help you understand what the degree of skill the interviewee possesses in this field is.
- What is reflow? What causes reflow? How could you reduce reflow?
- If you need to implement getElementByAttribute, how would you do it?
Network-oriented front-end questions
A Front-End developer is essentially the bridge between the designs of the creative designers and the applications/APIs of the Back-end developers. This bridging requires a lot of interface with networks, and every front-end developer needs to know how every aspect works. Questions like the one below can help you prod a little into this point of the interviewee.
- What are the differences between Long-Polling, WebSockets and Server-Sent Events?
- What is debounce and how could you implement debounce?
- What is event loop? Can you draw a simple diagram to explain event loop?
Checking proficiency in HTML
HTML is the primary step from which any person starts front-end development. HTML is the bare essential on which any person builds the front-end. Needless to say, no HTML, no Front-End Developer. Here is our pick for the questions you can pose. Do keep in mind that the possibilities are endless.
- Why is it generally a good idea to position CSS <link>s between <head></head> and JS <script>s just before </body>? Do you know any exceptions?
- Consider HTML5 as an open web platform. What are the building blocks of HTML5?
Questions related to CSS
We pick out three questions for you to take a chance on. You can always go ahead and give it a twist and add your own flavour.
- If you have five different stylesheets, how would you best integrate them into the site?
- Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
- Which existing CSS frameworks have you used locally, or in production? How would you change/improve them?
Further questions are possible on frameworks like jQuery, AngularJS and React. The choice and the possibilities are unlimited. It is up to you to choose which ones to ask depending on the nature of the position you are hiring for. Front-End development is a vast area, and what you need defines what you need to ask. So evaluate your company stack and choose the questions accordingly.
Just make sure that you do this after you filter your candidates using a selection process that involves testing them based on their skills in their habitat, i.e at a computer. You can take a look at Xobin Interact if you still aren’t using any Assessment Platform for doing so.