DEV Community

Cover image for Preparing the code interview... on the other side of the table (Part I)
Manuel Artero Anguita 🟨
Manuel Artero Anguita 🟨

Posted on


Preparing the code interview... on the other side of the table (Part I)

Sooner or later, your manager (or HR) will require you to take part in a selection process.
"Could you prepare the coding exercise for this position?"

If you ask me, the code interview is a necessary evil; while it is arguably broken / unfair / subjective's the best we have πŸ€·β€β™‚οΈ

My 2 cents to the tech-world:

folks, do the code interview you'd like to solve

Idea is quite simple; There is going to be a code interview during the selection process. At least, prepare the one you'd like to solve if you were applying.

Front-end Challenge

I exposed this to my managers. Asked them to have carte blanche to design my very own front-end code challenge.

5 months later I can say everything is going well; so I'm sharing with the community.

What do I avoid? ❌

  • Generic js interview questions - don't ask what is a closure
  • Already solved algorithms - don't ask how to binary-search a balanced whatever.
  • Edgy-Wiki questions - don't ask what is the initial value of the @@iterator property for whatever.

Why? because those things doesn't matter in the daily work.

  • You don't need to define a closure, you need to use them.
  • You don't need to code a binary search from scratch, you need to use it.
  • You don't need to memorize the ECMAScript standard, you need to use it.


What do I focus? βœ…

  • How do you read code ?
  • How do you understand the problem we want to solve ?
  • How do you adapt to an already existing code-base ?
  • How do you review ?

Result 🐈

With all of this in mind. I created a simple - plain - React app at codepen. I'm planning to analyze the interview exhaustively in this series. But, in a nutshell it's just another:

List of products (cards) in JSON format;
each card has a title, image and price;
clicking on a card, the shopping-cart on top is updated.

Thing is...

There is a reported bug from QA team;
a visual change requested from Design team;
a new feature prioritized from Product team;
and an empty test file with just a TODO in it.

screenshot of the project-view; link to codepen

===> code sandbox of the coding interview <===

...To Be Continued.

Cover image Work illustrations by Storyset

thanks for reading πŸ’š

Top comments (0)