Followup to the setTimeout question, fix it so it does show 0-5
Frontend Engineer Interview Questions
12,733 frontend engineer interview questions shared by candidates
what does this function output function f1() { result.innerHTML = ""; for (var i = 0; i < 5; i++) { setTimeout(() => { counter(i); }, i * 500); } }
Q1. A coding question to create an autofill search bar like search engine: When user type suppose "D". So all the results with a "D" letter in it should be listed down
Round 3 - Coding (again?) - 1 hour - A principal engineer from their team took this round. He skipped intros and jumped straight up in the round. Gave me a CodeSandbox link that had two problems - 1. Custom Dropdown Component Problem Statement: Create a reusable Dropdown component using React (or your preferred framework). The dropdown should: Render a list of items passed as a prop. Support keyboard navigation (ArrowDown, ArrowUp, Enter, and Escape keys). Allow selecting multiple items with a multiSelect prop. Close when clicking outside of the dropdown. Highlight the selected item(s). 2. Image Gallery with Infinite Scroll and Lazy Loading Problem Statement: Build an image gallery component that: Loads a set of images initially and continues loading more images as the user scrolls down (infinite scrolling). Implements lazy loading to defer the loading of images that are not yet visible in the viewport. Has a search bar to filter images based on a title or keyword. Use dummy image data (e.g., from https://jsonplaceholder.typicode.com/photos). First of all, I feel giving two problems of making two whole components is too much for a 1 hour round. Anyway, when I started showing him a component that I recently made as the inspiration for problem #1, has asked me to skip planning and start coding instead. I completed the basic working component within 30 minutes and started with the styling. He stopped me and asked me to do keyboard navigation instead. Since 30 minutes passed, I told him that we should start with the second problem since we didn't have much time. So I told him the approach and the entire coding solution for how we would do the keyboard navigation, but didn't code it. Also, told him how would the multi-select work, but again, didn't code it. Now, we started discussing the second problem. Since we didn't have much time, I started sharing a whiteboard and started visually solving the problem and explaining to him the algorithm for the infinite scroll. He didn't have an understanding of what an infinite scroll is and started implying that I didn't get the problem right. When I asked him to explain what he thinks infinite scroll is, instead of saying that "when a user scrolls to the bottom of the page, we load new images", he said "the user can scroll anywhere using the scrollbar which should be very small and the images in the viewport will be loaded then". I confronted him and told him that his idea of infinite scrolling is incorrect but he started laughing and we ended up our call there. Result - Rejected. I asked for feedback from HR and she said that my approach and understanding of the problem was incorrect so it isn't a good match. :) Wasted 3 hours successfully just to get rejected by an incompetent egoistic engineer.
General technical questions. Not challenging but enough to test a candidate's knowledge.
Build an application with React
Create a pipe to accept an array of objects with first and last names and return the initials of each name from that array.
They also have asked some SQL questions.. there they'll be asking us to write a pseudo code for getting a particular data... So study SELECT, WHERE and all SQL codes
I've attended the first round of interview at survey sparrow.. they've asked me question about html,css(inline elements and study all the tags that are in html such, they ask it like what kinda tags are used here.. and what are the uses of this tag and such + uses of css Justfy content, positioning)
Are U ok with relocation.
Viewing 1741 - 1750 interview questions