SDE-2 Frontend Interview Experience in Zepto

Overview

This document details the interview process for a Frontend SDE-2 position at Zepto. The evaluation included technical rounds, a machine coding challenge, and a hiring manager discussion. The assessment focused on core JavaScript knowledge, practical problem-solving skills, and the candidate's understanding of frontend development principles, including scalability and maintainability.

Interview Rounds

The interview process consisted of three primary rounds:

1. JavaScript Round

   This round assessed the candidate's understanding of fundamental JavaScript concepts. Key topics included:

   • Event Loop: Evaluation of the candidate's grasp of asynchronous task execution order.
   • Promises and Async/Await: Assessment of proficiency in handling asynchronous operations and understanding the distinctions between Promises and Async/Await.
   • Hoisting: Examination of the candidate's knowledge of variable and function hoisting in JavaScript.
   • Closures: Exploration of practical applications and the inner workings of closures.
   • Prototypes: Evaluation of understanding regarding inheritance, prototype chains, and the usage of Object.create().
   • this Keyword: Assessment of scoping and the correct usage of the this keyword.
   • Flattening Objects: The candidate was asked to describe techniques for flattening nested objects.

   The round also included general JavaScript questions to ensure a solid foundation in the language.

2. Machine Coding Round

   The machine coding round began with fundamental JavaScript questions pertaining to prototypes and the event loop. Subsequently, the candidate was presented with a UI design challenge using React.js in CodeSandbox.

   The task involved creating a form with three tabs: Profile, Interest, and Settings. Each tab contained various fields with specific requirements, including:

   • Age Field: Restriction to numeric values only.
   • Email Field: Validation for correct email format.

   The fields incorporated different input types, such as dropdowns, radio buttons, and checkboxes. The main requirements were:

   • Implementation of validation for mandatory fields.
   • Ensuring data persistence across tabs during switching.
   • Inclusion of a Submit button on the final tab to submit the entire form.

   Following the initial solution, the discussion centered on improving the form's scalability and maintainability. The interviewer emphasized the use of a form configuration object to dynamically generate the form based on the provided configuration. The discussion covered: