The interview process consisted of 5 rounds:

1. Machine Coding
2. Deep JavaScript
3. Data Structures and Algorithms (DSA) and Manager Round (MR)
4. Human Resources (HR)

I have mentioned the real-time questions they asked me below.

I cleared the first round. The second round proved challenging due to my lack of a deep understanding of JavaScript.

Kindly check the questions below; they will be helpful for you.

1. What is event delegation and how JavaScript handles it?

   • Here I gave one example using a <ul> followed by a question.
     • If a single <li> is clicked, how can we handle it?
     • How does it work?
     • Benefits of event delegation
     • Event loop in deep dive.

2. What are the differences between microtasks and macrotasks?

   • How do they work within the event loop?
   • How do they work with setTimeout and Promises?
   • Then I gave one example of a Promise and setTimeout, asking for the output.
   • Real-world use cases.
   • Suppose if we give 5 seconds to both setTimeout and a Promise, which one executes first?
   • Provide one example under microtasks and macrotasks.
   • Apart from setTimeout and Promises, give another example.

3. What are Web Workers and Service Workers?

• I explained them, then posed a counter-question: If both work in the background, how can we improve performance?
• If JavaScript is single-threaded, how does it handle heavy computations and asynchronous operations?
• How is multithreading achieved in JavaScript?
• Give an example: In Flipkart, how can we use a Service Worker?
• What are the benefits of these?

1. Differences between CSR and SSR:

   • Give an example and explanation about the CSR flow.
   • Give an example and explanation about the SSR flow:
     • If HTML is rendered on the server, what about JavaScript? How will it work?
     • How does SSR work without JavaScript?
     • What are the basic cases for SSR optimization?

2. What are Core Web Vitals?

   • What are TTFB and INP?
   • Name the Core Web Vitals and non-Core Web Vitals.
   • What is TBT?
   • How do you debug performance in DevTools? Give some names.
   • What is LCP?
     • Again, he asked to open the Flipkart home page and explain what LCP is there.
     • How can we improve LCP?
     • How can we debug INP?

3. Write a prototype for startsWith in JavaScript.

   • Give an example of polyfills using startsWith.
     • Once I wrote some lines, he asked to explain each line one by one.

Output-based questions:

1. console.log("apple" > "pineapple")

   • How does Unicode compare characters?
   • How can we get the Unicode value?

2. console.log("apple" < "pineapple")

3. console.log("[] + []") - Explain this.

4. console.log("{}" + "{}") - Explain this.