Tip 1 : You will need to know advanced HTML and CSS which are used in real life like meta tags in HTML and media queries in CSS.
Tip 2 : You will need practical knowledge of js functions like map, filter, reduce apart from basic that we can use map in react to render lists.
Tip 3 : Learning some advanced concepts like debouncing, throttling, call, bind, etc will be helpful.
Tip 1 : Prepare for every word that you wrote in your resume,
Tip 2 : HR will ask about your projects and you should always have a good story for each project like why you create this project. This will really score some points in the interview.
This was a basic DSA MCQ round in C++. Because my primary language is java I was afraid that I will not be able to crack it but I only choose questions that we general and contained sudo code. Don't do any wrong answers and you can crack it easily.
If you are from c/c++ background it's a piece of cake. Just read basic sorting algorithms and preorder, postorder for trees.
This was the DSA questions round. There were 2 questions. and both were basic questions.



The lists (1 -> 2 -> 1), (3 -> 4 -> 4-> 3), and (1) are palindromes, while the lists (1 -> 2 -> 3) and (3 -> 4) are not.



The attendees holding numbers from 1, 4, 3 are shown:

For the above example 1 -> 4 -> 3, 1 -> 3 -> 4 is the only correct answer, i.e nodes should be grouped sequentially. Hence, 3 -> 1 -> 4 is the wrong answer as we have to preserve the same order.
This was a subjective round where we have to code HTML, CSS, and JS. We were not allowed to use any external editor and their editor was just plain notepad so we couldn't even see the output but still, we completed it. Everyone at my college passed this round.
Create a Stopwatch using HTML, CSS, and JS
Create an input form using HTML, CSS, and JS
Create some basic structure using HTML, CSS, and JS. I can't remember it but it was also some basic structure.
This problem was based on closure and was a basic one.
This problem was based on null and undefined and was a basic one.
We were given a Figma link for a landing page of a website. We need to pixel-perfect that design.
Tip 1 : You MUST work with Figma first. Some of my friends never worked with Figma before and they couldn't even export the images properly.
Tip 2 : Use the pixel-perfect extension from the chrome web store.
In this round, the interviewer asked me to turn on screen mirroring. And then he gave me 1 more design which I needed to create in front of him in the next 2 hours. In the previous round, the focus was on HTML and CSS but in this round, the major focus was on JS. You are allowed to use google but not copy-paste the whole code.
I was told to build a compound interest calculator where we need to store the previous calculation, ability to modify/delete them. There were 2 bonus features like store data in local storage and populate the DOM whenever the user refreshes. We also need to use max-width CSS media queries to make some basic designs.
This was an online interview with one of their employees. My interview was taken by their front-end lead. She was very helpful during the interview. You are allowed to search for documentation.
Get the frogs and the lilypads line up in order (e.g. yellow lilypad is the first among all other lilypads and yellow frog is first among all other frogs) using flex-direction.
Arrange the frogs in the right number of lines and order using flex-wrap.
The next 2 questions were from CSS positions, transforms, and sudo elements. First, she asked me to create a circle inside a rectangle using only 1 HTML element. then she asked me to position that ball inside different sides of the rectangle and then she asked me to create the symbol "X" using 2 div elements.
Then she gave me a JSON where each object inside that JSON contained 4-5 properties like name, year, stock availability, etc. She asked me to print all car models which are launched after some x year with their stock availability using map, filter, and reduce.
Then she asked me the difference between call, bind and apply.
Then she asked me about debouncing and throttling and told me to implement any one of these.
This was also a front-end interview round. The interviewer was again very helpful and I was allowed to google.
First, he asked me about different meta tags in HTML and different types of CSS media queries.
Then he asked me questions about Promise and async-await. I need to create a function that takes an array and returns the sorted array after 2 seconds using promise.
Then he asked me some generic questions. The question started with debugging a code where we were receiving a lot of requests on the backend. He asked me steps I will take to find the reason and improve the code.

Here's your problem of the day
Solving this problem will increase your chance to get selected in this company
What is recursion?