1 take home - 3 hours to complete, parsing some data and posting response to an endpoint 3 technicals - 1 vanilla Javascript, 1 systems design, 1 algorithms easy Leetcode 1 behavioral with hiring manager - basic behavioral questions but expected you to go into more technical detail
Senior Front End Engineer Interview Questions
2,000 senior front end engineer interview questions shared by candidates
Aggregate data grouped by label - Your task is to fetch a list of conference rooms and label hierarchy and to display in a graph the total capacity of all conference rooms by label. 1. Fetch data You are given 2 API endpoints to use: getConferenceRooms Fetch a list of all conference rooms (no arguments) - returns a Promise that resolves into a list of conference room objects. Sample response: [ { "id": 1, "name": "Strawberry", "buildingName": "KennedyA", "labels": [4, 1], "capacity": 40, "hasProjector": true, "hasTv": true }, ... ] getLabels Fetch a list of all available labels (no arguments) - returns a Promise that resolves into a list of label objects. Sample response: [ { "id": 1, "name": "Large", "parentId": null }, ... ] 2. Calculate Total Capacity by Label Each conference room has a capacity: Number attribute and an optional list of labels?: Array representing IDs of the labels assigned to the room. Each Label has a name: String and an optional parentId: Number . Labels have hierarchy - A label is a child of another label if the other label has parentId that matches its id. Labels hierarchy is recursive - a label's descendants are its children, and all of their children recursively. Rooms are associated with a label if room.labels has the label or any of its descendants. The total capacity for a label is the sum of the capacity of all rooms associated with the label. 3. Display a Graph You are provided with a BarGraph component: Use it to display the graph of Total Capacity by Label as pictured above. 4. Filter the data You are provided with a Select component: Use it to select the labels to show in the graph. When no labels are selected show all labels in the graph.
One question related to API, but was not able to complete as the interviewer was running out of time
1. Prototypal inheritance vs inheritance 2. Scoping (Multiple trick questions , scope chain) 3. Closure 4. Apply and Bind 5. Event Loop 6. Callback(asynchronus concepts in Javascript), Async,await 7. Promise 8. ES6(Arrow function , Classes,Object literals, Spread and Rest, destructuring ) 9. Diff bet map and set 10. Hoisting , (let/var/const) 11. What is prototype 1. Whats new in HTML5 compared to HTML 2. A few questions on canvas, header, nav 3. What are semantic elements in HTML 4. Name new form elements you used in HTML5 1. Diff bet external/internal/inline css 2. How to make page responsive using just css 3. Diff bet block and inline block 4. About position property, when to use what value 5. Whats a pseudo class 6. Flexbox
- Typescript Generics - Redux, how to handle side effects
No need to ask at all.
Why do you want to be a front end dev? Examples of ownership & mistakes. VanillaJS, CSS, and HTML.
What do you expect from the job you're applying for?
I was asked some mysql questions
Countdown timer in react, lifecycle hooks. How useState works internally
Viewing 1941 - 1950 interview questions