5 Front-End Interview Coding Challenges

Questions you might face during a job interview, and their solutions

Photo by Headway on Unsplash

Last year, I interviewed for software engineer positions at several different tech companies. Since most of the positions were for web development, unsurprisingly I had to answer a lot of questions related to client-side development. Some were simple questions, like What’s event delegation? and How’s inheritance implemented in Javascript?, and some were more challenging hands-on coding problems, from which I’ll be sharing my favorite five in this article.

The key to succeeding at interviews is, without a doubt, to be prepared. So, whether you are actively interviewing or are simply curious to see what kind of questions you might be asked during a frontend interview at tech companies, I hope this article helps you get ready for the interviews to come.

Table of Contents

· 1. Emulate Vue.js
· 2. async series and parallel
· 3. Draggable button that changes the background color
· 4. slide-out animation
· 5. Giphy client

1. Emulate Vue.js

This challenge came up during a phone interview. I was asked to head over to the Vue.js docs, and copy the following snippets to my editor of choice:

The goal was, as you can imagine, to make it so {{ message }} gets replaced by Hello Vue! without, of course, adding Vue.js as a dependency.

Before you jump into the code, always clarify with the interviewer any questions you might have about the problem, and make sure you completely understand what is the input, the output, and any edge case you need to account for.