Zopper Interview Experience - Frontend Engineer (Fresher Level)

Jump to specific sections

• Eligibility Criteria
• No. of rounds
• Questions Asked
• Ending Note

Eligibility Criteria

No. of rounds

Questions Asked

1. Online Technical Test (60 minutes)
   We were given images of two webpages and assets such as images used in the webpage and were asked to mimic the webpages as closely as we could in 60 minutes. We can use VS Code or any online platform such as CodeSandbox for writing the code.
   I was able to make the first webpage completely in 60 minutes and was selected for the next round. Around 20-30 students were selected from 250 who gave the test for the frontend role.
2. Interview Round 1 (40-45 mins)
   There were two people sitting in the cabin. I asked them if I can enter inside. After that, they asked me to have a seat. One of them asked me for my GitHub Profile and then the other person asked for my resume. Then he started with my introduction. After that, he asked me the following questions -
   HTML and CSS
   • How do you rate yourself in HTML, CSS, and JS?
   • What are the different ways to attach CSS styles to an HTML webpage?
   • What are the different background properties
   • Difference between display flex and grid
   • Different values for justify content
   • Difference b/w position absolute and relative
   • Difference b/w em and rem units
   Javascript
   • Difference b/w var and let
   • What is hoisting?
   • Difference b/w hoisting of let and var
   • Temporal dead zone
   • What is a closure?
   • What is an arrow function? Write its syntax.
   • How to return an object from an arrow function?
   • Write polyfill for map function.
   • Output question of set timeout with var (closure concept)
   • Have you worked with OOPs in Javascript?
   • Suppose there are two pages. There is a form on one page. When you submit the page then you go to the next page. Then how can you access the form data on the second page? (Ans: By storing the data in local storage or in the URL itself)
   • Difference between local storage and session storage.
   • How comfortable are you with async programming ?
   • If there is an input field where the user starts typing something, how will you access the value as the user types?
   • If there are a few nested elements all of them have a click event listener and if we click the innermost elements, then in what order the click events will get triggered?
   • Difference between event capturing and event bubbling.
   • In e-commerce websites, when we start typing something and stop typing, we get the products that match our query. What is the term used for it?
   Data Structures and Algorithms
   • What is a linked list and why do we use it?
   • How to detect a loop in a linked list?
I cleared this round.
3. Interview Round 2 (10-15 mins)
   There was one person for this round. First, he asked me for my introduction. Then he asked me a few questions.
   • What is DOM?
   • How can we access the DOM elements using Javascript?
   • Write a program to delete all the elements of an array.
   • What is document.querySelector?
   • Questions related to class and id selectors in CSS.
   After that, I was selected for the final round.
4. Final Round with CTO (10-15 mins):
   Firstly asked me for my introduction. Then he asked me for my resume. He was impressed by my resume.
   • What makes you pursue your career in front end?
   • Where do you see yourself in 5 years?
   • Why do you want to work at Zopper?
   • What are the different lifecycle methods in React? (since I mentioned react in my resume)
   • Do you have any questions?
   Lastly, he shaked hands with me.
   The placement coordinator of my college informed me that the results will come out tomorrow so I can leave now.

Ending note